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都要有断点,便于定位原因。否则 还不知道什么错误 。

 

 

                   

 

 

 

 

            

posted on 2014-11-22 23:07  极客强  阅读(105)  评论(0)    收藏  举报

导航