读书人

Jquery 基础用法(3)

发布时间: 2012-10-09 10:21:45 作者: rapoo

Jquery 基础用法(三)
29.children(expr)取得子节点,当expr为空时,取得所有的子节点

eg: <div><span>Hello</span><p /></p></form>

$("input[@type='checkbox']").parent().is("form") ==>> false

$("input[@type='checkbox']").parent().is("p") ==>> true
条件判断!

35.next(expr) 取得最近节点那个节点.expr为空时取得所有节点

eg:1.<p>Hello</p><p>Hello Again</p><div><span>And Again</span></div>

$("p").next() ==>> [ <p>Hello Again</p>, <div><span>And Again</span></div> ]

eg:2.<p>Hello</p><p class="selected">Hello Again</p><div><span>And Again</span></div>

$("p").next(".selected") ==>>[ <p class="selected">Hello Again</p> ]
感觉没什么特别的.

36. not(el),not(expr),not(elems)与add相反,删除符合条件的节点.

eg:1. <p>Hello</p><p id="selected">Hello Again</p>

$("p").not($("#selected")[0]) ==>> [ <p>Hello</p> ]

$("p").not("#selected") ==>> [ <p>Hello</p> ]

eg:2.<div><p>Hello</p><p class="selected">Hello Again</p></div>

$("p").not($("div p.selected")) ==>> [ <p>Hello</p> ]
删除条件中的节点,反回删除后的结果

37 parent(expr) 取得父节点

eg:1.<html><body><div><p><span>Hello</span></p><span>Hello Again</span></div></body></html>

$("span").parents() ==>> [ <body>...</body>, <div>...</div>, <p><span>Hello</span></p> ]
参数为空时取得所有父节点

eg:2.<html><body><div><p><span>Hello</span></p><span>Hello Again</span></div></body></html>

$("span").parents("p") ==>>[ <p><span>Hello</span></p> ]
有条件时取得第一个父节点.

38.prev(expr) 与next相反,next取得是与节点相邻后面的.prev取得相邻前面的

eg:1.<div><span>Hello</span></div><p class="selected">Hello Again</p><p>And Again</p>

$("p").prev(".selected") ==>> [ <div><span>Hello</span></div> ]

eg:2.<p>Hello</p><div><span>Hello Again</span></div><p>And Again</p>

$("p").prev() ==>> [ <div><span>Hello Again</span></div> ]
这个很明显,取得条件之前的节点.next没那么明显,

39.siblings(expr) 取得相邻两边的节点是.next,与prev的结合体
这两个把next和prev整合了

jquery与dom相关的操作先讲到这里,下回接着讲CSS相关操作

读书人网 >Web前端

热点推荐