<HeadFirst_jQuery> O’REILLY_Chap.4_jQuery Web页面管理
本博客的FollowMeReading系列初衷是在线的读书笔记. 为方便后期查阅, 故写成博客形式, 使用关键字查询便可以快读的找到相关的内容.
FollowMeReading系列所选的书籍一般选自O’REILLY或Apress出版社, 尽量保证笔记内容的权威性.
FollowMeReading系列的博客标题格式为: <书名> 出版社章节数章节名, 方便大家在纸质版书籍中查找.
FollowMeReading系列博文中的内容大部分是原文, 非原文部分前面将有’博主’字样提醒.
感谢<HeadFirst_jQuery>作者 Ryan Benedetti & Ronan Cranley
感谢<HeadFirst_jQuery>翻译 林琪本博客由@scott编写. 若转载此文章, 请注明出处和作者
正文
原文
BULLTE POINTS(要点):
$("myElement").remove()
remove方法从DOM中完全删除.$("myElement").detach()
detach方法将选择的元素取出, 但会维护这些元素, 以后可以重新关联.DOM会构建为一棵树. 它有一个根, 有分支, 还有节点. 浏览器的JavaScript解释器可以遍历(并管理)这个DOM, jQuery在这方面尤其擅长. DOM遍历就是在DOM中上下爬行.
$(".fish").parent()
得到上面的元素.$(".fish").children()
得到下面的元素.$(".fish").prev()
得到它左边紧邻的兄弟元素.$(".fish").next()
得到它欧彼岸紧邻的兄弟元素.$("myElement").empty()
删除元素中的内容.$("myElement").parents()
所选元素的所有父元素.$("myElement").closest()
所选元素最近的父元素.$("myElement").siblings
遍历所选元素同一层上的所有元素.$("myElement").replaceWith()
替换元素.$("myElement").before()
将新内容插入到选择的元素前面.$("myElement").after()
将新内容插入到选择的元素后面.$("myElement").children().first()
第一个元素$("myElement").children().last()
最后一个元素$("myElement").eq(2)
第三个元素.$("myElement").children().slice(1, 5);
介于索引1和5之间的是元素, 不包括索引1和5的元素$("myElement").children().filter(".organic");
过滤出选择器”.organic”的元素.$("myElement").children().not(".local");
过滤掉与选择器不匹配的元素.$("myElement").children().find("li")
找到数组中的元素.$("img#oreilly").wrap("<a href='....'></a>")
把oreilly图像包含在一个<a>
元素中.