jq
教练我真的想敲代码
这个作者很懒,什么都没留下…
展开
-
113JQ-使用serializeArray将获取到的表单数组格式转换成对象格式=121、125
代码function serializeToJson(form) { var result = {}; // 返回值是数组[{name:'email',value:'用户输入的内容'},{name:'password',value:''}] var f = form.serializeArray(); f.forEach(function (item) { result[item.name] = item.value; }) // {原创 2020-07-30 22:04:40 · 244 阅读 · 0 评论 -
072-JQ-理解 e.clientX,e.clientY e.pageX e.pageY e.offsetX e.offsetY
转自https://www.cnblogs.com/deerfig/p/6432683.htmlevent.clientX、event.clientY鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性event.pageX、event.pageY类似于event.clientX、event.clientY,但它们使用的是文档坐标而非窗口坐标。这2个属性不是标准属性,但得到了广泛支持。IE事件中没有这2个属性。event.offs转载 2020-07-26 11:16:13 · 219 阅读 · 0 评论 -
071JQ-off()方法可以移除通过on方法添加的事件处理程序=40
off( )方法可以移除通过on方法添加的事件处理程序 <script src="js/jquery.min.js"></script> <script> $(function () { $("div").on({ click: function () { console.log("我点击"); },原创 2020-07-25 23:00:29 · 110 阅读 · 0 评论 -
070JQ-电梯导航!
js$(function () { // 互斥锁节流阀 var flag = true; var pos = $(".two").offset().top; toggleTool(); // 到第一个高度显示nav $(window).scroll(function () { toggleTool(); if (flag) { // 页面滚动到某个区域,对应的li添加和删除current原创 2020-07-24 20:56:52 · 111 阅读 · 0 评论 -
069JQ-jquery常用插件+懒加载
jquery插件库http://www.jq22.com推荐 jQuery之家 http://www.htmleaf.com/图片懒加载(图片使用延迟夹在在可提高网页下载速度,它也能帮助减轻服务器负载)当我们页面滑动到可是区域,再显示图片全屏滚动 fullpage.jsgithub:https://github.com/alvarotrigo/fullPage.js中文翻译网站 http://www.dowebok.com/demo/2014/77/...原创 2020-07-24 19:13:58 · 120 阅读 · 0 评论 -
068JQ-拷贝对象JS\JQ\浅拷贝深拷贝+lodash
JS<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>原创 2020-07-24 19:12:21 · 197 阅读 · 0 评论 -
067JQ-创建删除节点+动态生成需要冒泡=39
需要冒泡<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> ul li {原创 2020-07-24 18:56:55 · 78 阅读 · 0 评论 -
065JQ-prop、attr、data获取属性
prop()获取固有属性值本身自带的一些属性attr()获取自定义的属性data()在指定元素上存取数据并不会修改dom元素结构一旦页面刷新之前存放的数据就被移除原创 2020-07-24 18:40:12 · 65 阅读 · 0 评论 -
064JQ-stop()
动画效果一旦触发就会执行,如果多次触发就造成多个动画排队执行(动画鬼畜)stop()停止所有在指定元素上正在运行的动画原创 2020-07-24 16:14:15 · 70 阅读 · 0 评论 -
063JQ-基础选择器
$('li:first') :first 获取第一个li:last 最后一个:eq(index) 索引为几的:odd 奇数索引:even 偶数<!-- 筛选方法 -->$('li').parent(); 查询父级$('ul').children("li") 相当于 亲儿子的ul>li$('ul').find("li"); 相当于ul li$('ul').siblings("") 查询除自己之外的兄弟节点$('ul').nextAll()当前元素之后的所有的同辈元素$(原创 2020-07-24 16:09:50 · 106 阅读 · 0 评论