<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> 元素中.