jquery非常用方法---(2017-07-10更新)

15 Aug 2015

1)$("xxx").each()方法--(return false来终止each)

2)获取和设置元素的宽高

#	内容content	内距padding	边border	外距margin
W/H	是	否	否	否
inner	是	是	否	否
outer	是	是	是	否(true时为是)

3)clone(true) 会复制事件处理函数

4)关于删除元素

empty(): 移除选中元素的子元素;remove(): 移除选中元素+事件;detach(): 移除选中元素+不移除事件;unwrap(): 只移除选中元素+不动子元素;filter(): 过滤选中.关于remove和detach，$test = $(".test"); $test.remove();//再append回来就没有事件了，用detach还有事件

5）关于bind(), bind("click",data,test);//这个data会在test函数中的event.data中取到。

6)如果用CDN来加载第三方库的话，最好用裸协议，也就是去掉http:或者https:直接用//开始。

7)指定选择的上下文，这条要牢记并且要常用。$('.class');// 劣质的代码：因为需要遍历整个DOM来找到.class。$('.class', '#class-container');//高品代码：因为只需在指定容器范围内进行查找

8)判断dom上有无某个属性$('.xxxxxx').is('[data-redirect]')

Updated: 2017-07-10

9)如果你的id中有".",那么就需要用属性选择器来提取：$("[id='vehicle.model']").length

10)ajax的问题

a.如果打开f12就好了，关上就不好，先考虑是不是ajax的cache没有设置成false的问题。

b.打开f12后，如果加断点就好了，不加断点就不好，先考虑是不是async没有设置成false的问题。

11)给同一个dom绑定多个相同的event事件，后面只要删除特定的某一个事件，那么定义的时候你需要如下：

                $('body').on('click.test1',function(){ alert(111) })
                $('body').on('click.test2',function(){ alert(222) })
                $('body').off('click.test1')