加载中 ... ...
三月 28 2010

20个你应该经常使用的jQuery方法 hits

来源:本站翻译顶:53踩:19评论:4简洁查看

17, replaceAll() / replaceWith()

  如果你想替换DOM元素,这就是你需要的。我们可以在查找或创建的元素上调用replaceAll(),将想要替换成的元素选择符转进去。在这个例子里,所有有“error”类的元素都将被替换成我们创建的 span 元素。

  replaceWith()方法只是把选择符反过来引用,即先把想替换的内容查找到:

  这两个方法将分别返回元素或者是HTML序列,你也可以将它们作为参数传递。

18, serialize() / serializeArray()

  serialize()方法是用来将表单中的值编码成一个字符串。

HTML
JavaScript

  你也可以使用serializeArray()方法来将表单中的值转成一个Json对象数组而不是字符串。

19, siblings()

  你可能已经猜到siblings()方法能做什么——它将返回所有兄弟元素集:

20, wrap() / wrapAll() / wrapInner()

  这三个函数是便于使用一个元素包围其他元素的。三个都带一个参数:或者是一个元素,如HTML序列,一个CSS选择符,一个jQuery对象,或者一个DOM元素,又或者是一个返回元素的函数。

  wrap()方法使用指定的元素将集合中的每一个元素包围:

  wrapAll()方法会将集合中所有的元素都包围在同一个元素中。这意味着集合中的元素会被移动到DOM中的新位置,排列在第一个元素的后面,并一起被包围。

处理前的HTML
JavaScript
处理后的HTML

  wrapInner()函数则是用指定的元素来包围集合中的每一个元素内部的内容。

 
JavaScript
处理后的HTML

好了,现在,你已经掌握了超过20项新的jQuery特性了。下个项目中你就可以大显身手了。

翻译说明

  • element译为容器、元素、标签
  • 事件处理器,即event handler,又译为“事件处理函数”、“事件句柄”
  • 查找元素,即collect elements,又译为“选择元素”
  • this、jQuery、DOM、所有函数、方法的关键字,不译
我顶53人顶)
我踩19人踩)
评论
  • [瑟夫]
    要清理bind()创建的事件处理函数,可以使用unbind()方法。如果你不传递任何参数的话,它将会清除所有处理函数。如果只移除特定的处理函数的话,你可以传递事件类型作为参数。使用特定的名空间创建的处理函数,清除时也要加上名空间,或者使用它的复制。如果你只是希望移除特定的函数,把函数的名字作为第二个参数传递。
  • [瑟夫]
  • [瑟夫]
    看不懂哦~~~o(︶︿︶)o 唉
  • [ssss]
    大时代
profile picture