jQuery记忆与问题

最新推荐文章于 2022-05-28 21:06:06 发布

weixin_34075551

最新推荐文章于 2022-05-28 21:06:06 发布

阅读量84

点赞数

文章标签： javascript python json ViewUI

原文链接：https://my.oschina.net/u/2949632/blog/819143

版权

2019独角兽企业重金招聘Python工程师标准>>>

【jQuery操作一定要做变量本地化】（功能强大，必定效率不高）
1、本地化的意思是把 var dom = $("dom");
这样就是变量本地化（这样做原因是，$的属性方法很多，效率不高，本地化就是提高效率）

【入口函数】
1、JQ入口函数，是在页面dom元素加载完毕后就开始加载
JS入口函数等页面全部加载完再加载（包括图片）

【width()和innerWidth()】
1、.width() 只能获取内容的宽度
2、.innerWidth（）获取包括padding内的宽度不包括边框
3、.outerWidth() 获取包括border在内的宽度，不包括margin
4、.outerWidth(true) 获取包括margin在内的宽度

【jq的offset().left】
1、jq的offset().left获取离窗口的左边距，与有定位父级无关 *************和JS不同

【.children("p")和.find("p")】
1、都可以寻找后代，但find能找后代的后代，children不能

【$("li:gt(2):lt(9)")】
1、这里意思是从第3个Li 选择到第13个li 连写后面的lt是代表从第三个开始角标为0计算

【end()和addBack()】
1、 .end() 选择前一级的元素
2、 .addBack() 选择前面所有的元素

【$.trim(str)】
1、清除字符串里面的空格

【清除冒泡或清除默认事件】
1、return false           // 不能清除冒泡，只能清除默认事件
2、event.stopPropagation()   //清除冒泡
3、event.preventDefault   // 不能清除冒泡，只能清除默认事件
4、JQ triggleHandler()   // 清除冒泡，清除默认事件

【表单序列化】（当表单用JQ的ajax方法）
1、data : $('#my_form').serialize(); （前提:表单input里面的name要与php文件里面的参数(.GET("name"))要一致）

****************eg:/*data : {/!*
使用这种方式获取输入的数据 , 如果数据量非常大的时候,就非常麻烦
这个时候我们可以使用表单序列化的方式进行.
*!/
/!*name : $('input[name = name]').val(),
pwd : $('input[name = pwd]').val()*!/

}*/

【remove()和empty()】
1、$("ul").remove(); 直接删除ul节点
2、$("ul").empty(); 删除ul里面所有内容，不包括ul

【$(window)】
1、 window不用双引号

【delete】（JS的方法）（案例看jq的备忘录删除功能）
1、delete删除掉数组中的元素后，会把该下标出的值为undefined，数组的长度不会变

【continue】
1、jQ里面的$.each()方法不能使用continue;只能用原始的for循环才能使用

【普通事件和委托事件】
1、obj.click() 和 parent .on("click",obj,function(){})
*************************************************************
当用JS动态创建的dom元素就必须用委托on去绑定事件其余都用.click();

【data】
eg: <li data-xxx="xxxxx">aaa</li> (这里aaa是展现，xxxxx是跟这个li相关的数据)
1、自定义属性data- ********** 通过DOM存储于DOM对象强相关的数据
2、 JS源生获取data dom.dataset["xxx"];
3、 JQ $("obj").data("xxx");

【备忘录学习地方】(JQ备忘录)
1、store插件的使用 store.set("arr1",arr) store.get("arr1") store.clear();
store能保存本地数据，下次刷新的时候数组不会清空

**************************每次更改数组内容都要更新store.set("arr1"); 因为store存储的数据会根据浏览器自动选择使用 localStorage、globalStorage 或者 userData 来实现本地存储功能。

2、通过{}创建对象作为备忘录项，并添加到数组里

3、delete删除掉数组中的元素后，会把该下标出的值为undefined，数组的长度不会变,原本的下标不会改变

4、continue:jQ里面的$.each()方法不能使用continue;只能用原始的for循环才能使用

5、$.trim(str)

6、时间戳 (new Date()).getTime()

7、jq获取日期时间的插件

【$.extend】(写JQ插件的)(JQ)
1、原理 $.extend(json1,json2); 如果2者有相同属性，json2会覆盖json1的该属性

2、写插件要写css 和 js 2个文件

3、js 默认样式 (function($){
           $.fn.extend({
               myFn : function(){}
           })
       }
       )(jQuery)

4、日后写框架，用闭包更安全 var initTab = (function($){ function init(){} return init;})(jQuery)