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 · 288 阅读 · 0 评论 -
072-JQ-理解 e.clientX,e.clientY e.pageX e.pageY e.offsetX e.offsetY
转自https://www.cnblogs.com/deerfig/p/6432683.html event.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 · 277 阅读 · 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 · 141 阅读 · 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 · 150 阅读 · 0 评论 -
069JQ-jquery常用插件+懒加载
jquery插件库http://www.jq22.com 推荐 jQuery之家 http://www.htmleaf.com/ 图片懒加载(图片使用延迟夹在在可提高网页下载速度，它也能帮助减轻服务器负载) 当我们页面滑动到可是区域，再显示图片 全屏滚动 fullpage.js github：https://github.com/alvarotrigo/fullPage.js 中文翻译网站 http://www.dowebok.com/demo/2014/77/ ...原创 2020-07-24 19:13:58 · 153 阅读 · 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 · 254 阅读 · 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 · 105 阅读 · 0 评论 -
065JQ-prop、attr、data获取属性
prop()获取固有属性值本身自带的一些属性 attr()获取自定义的属性 data()在指定元素上存取数据并不会修改dom元素结构一旦页面刷新之前存放的数据就被移除原创 2020-07-24 18:40:12 · 98 阅读 · 0 评论 -
064JQ-stop()
动画效果一旦触发就会执行，如果多次触发就造成多个动画排队执行(动画鬼畜） stop()停止所有在指定元素上正在运行的动画原创 2020-07-24 16:14:15 · 94 阅读 · 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 · 127 阅读 · 0 评论