手机版

jQuery使用手册(8)

发布时间:2021-06-05   来源:未知    
字号:

jQuery使用手册,让你彻彻底底的学会使用jquery。

parent () parent (expr)取匹配对象父节点的。参照children帮助理解 contains(str) 返回匹配对象中包含字符串str的对象

<p>This is just a test.</p><p>So is this</p>

jQuery代码及功能:

function jq(){ alert($("p").contains("test").html()); }

$("p")得到两个对象,而包含字符串”test”只有一个。所有$("p").contains("test")返回 [ <p>This is just a test.</p> ]

end() 结束操作,返回到匹配元素清单上操作前的状态.

filter(expr) filter(exprs) 过滤现实匹配符合表达式的对象 exprs为数组,注意添加“[ ]” <p>Hello</p><p>Hello Again</p><p class="selected">And Again</p>

jQuery代码及功能:

function jq(){ alert($("p").filter(".selected").html()) }

$("p")得到三个对象,$("p").contains("test")只返回class为selected的对象。

find(expr) 在匹配的对象中继续查找符合表达式的对象

<p>Hello</p><p id="a">Hello Again</p><p class="selected">And Again</p>

Query代码及功能:

function jq(){ alert($("p").find("#a").html()) }

在$("p")对象中查找id为a的对象。

is(expr) 判断对象是否符合表达式,返回boolen值

<p>Hello</p><p id="a">Hello Again</p><p class="selected">And Again</p>

Query代码及功能:

function jq(){ alert($("#a").is("p")); }

在$("#a ")是否符合jquery表达式。大家可以用$("#a").is("div"); ("#a").is("#a")多来测试一下 next() next(expr) 返回匹配对象剩余的兄弟节点

<p>Hello</p><p id="a">Hello Again</p><p class="selected">And Again</p>

jQuery代码及功能

function jq(){ alert($("p").next().html()); alert($("p").next(".selected").html()); }

$("p").next()返回 [ <p id="a">Hello Again</p> , <p class="selected">And Again</p> ]两个对象 $("p").next(".selected)只返回 [<p class="selected">And Again</p> ]一个对象

jQuery使用手册(8).doc 将本文的Word文档下载到电脑,方便复制、编辑、收藏和打印
×
二维码
× 游客快捷下载通道(下载后可以自由复制和排版)
VIP包月下载
特价:29 元/月 原价:99元
低至 0.3 元/份 每月下载150
全站内容免费自由复制
VIP包月下载
特价:29 元/月 原价:99元
低至 0.3 元/份 每月下载150
全站内容免费自由复制
注:下载文档有可能出现无法下载或内容有问题,请联系客服协助您处理。
× 常见问题(客服时间:周一到周五 9:30-18:00)