手机版

jQuery使用手册(7)

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

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

$("p").add(document.getElementById("a"));

add(els) 在匹配对象的基础上在附加指定的一组对象,els是一个数组。

<p>Hello</p><p><span>Hello Again</span></p> jQuery代码及功能:

function jq(){ var f=$("p").add([document.getElementById("a"), document.getElementById("b")]) for(var i=0;i < $(f).size();i++){ alert($(f).eq(i).html());} }

注意els是一个数组,这里的[ ]不能漏掉。

ancestors () 一依次以匹配结点的父节点的内容为对象,根节点除外(有点不好理解,看看下面例子就明白了)

<div> <p>one</p> <span> <u>two</u> </span> </div>

jQuery代码及功能:

function jq(){ var f= $("u").ancestors(); for(var i=0;i < $(f).size();i++){ alert($(f).eq(i).html());} }

第一个对象是以<u>的父节点的内容为对象,[ <u>two</u> ] 第一个对象是以<u>的父节点的父节点(div)的内容为对象, [<p>one</p><span><u>two</u></span> ] 一般一个文档还有<body>和<html>,依次类推下去。

ancestors (expr) 在ancestors()的基础上之取符合表达式的对象

如上各例子讲var f改为var f= $("u").ancestors(“div”),则只返回一个对象:

[ <p>one</p><span><u>two</u></span> ]

children() 返回匹配对象的子介点

<p>one</p> <div id="ch"> <span>two</span> </div>

jQuery代码及功能:

function jq(){ alert($("#ch").children().html()); }

$("#ch").children()得到对象[ <span>two</span> ].所以.html()的结果是”two” children(expr) 返回匹

配对象的子介点中符合表达式的节点

<div id="ch"> <span>two</span> <span id="sp">three</span> </div>

jQuery代码及功能

function jq(){ alert($("#ch").children(“#sp”).html()); }

$("#ch").children()得到对象[<span>two</span><span id="sp">three</span> ].

$("#ch").children(“#sp”)过滤得到[<span id="sp">three</span> ]

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