JQuery实用方法
1、方法:end(); 如果我们习惯采用jquery的方法链写代码,那么end()非常有用。
作用:jquery会维持对象栈,end()是将栈顶弹出,返回栈顶的前一元素(即前任女友)。 即将状态恢复到前一状态元素。 比如:删除后还有取得父元素时。
注意:$('<p>新增内容</p>').appendTo('div').addClass('c1').end().addClass('c2'); 这里要区分对待破坏元素,与非破坏元素的操作;像addClass('c1')
属于破坏元素那么end()应该返回最后元素的前一个元素,即若addClass()影响了5个元素,那么end()返回倒数第4个破坏元素,而不是返回5个元素破坏前的
非破坏元素。
2、方法:andSelf();
3、方法:$.data();使用,绑定数据,在IE6、7对dom对象中绑定对象会出现内存泄漏的。但$.data($element, name, value)只添加一个随机数属性,
而值保存在全局缓存中
4、常用的方法:
remove(); // 删除自己。常用于操作页面元素增加与删除。
replaceWith();//将自己替换到新的对象。常用于局部页面刷新,这个元素ajax请求后将返回结果替换自己。
find('.tr');
empty();将元素内的所有子元素干掉,//也常用于刷新某个元素的内容。
parents('tr:first');// 找离自己最近的那个指定父亲元素
each(function(){});//遍历,注意this指针。
filter('.tr');val();attr();prop();
append();prepend();//追加内部的前后 还是插入的前后。内插入。
before(); after();外插入。
wrap();将自己包裹在指定的父元素内。
绑定事件:on('click', function(){}); on('click', '.sub', function(){})//动态元素最好将事件绑定到静态元素上。最好采用这个方式。
5、$.ajax。是注意 dataType的值与返回的内容 格式相匹配,否则 js元素执行下去,注:这个报错走的error分支,不是success分支。
最好success、error都要有断点,便于定位原因。否则 还不知道什么错误 。
浙公网安备 33010602011771号