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人踩)
- 上一篇: Highslide 使用手记
- 没有下一篇了
评论


