第一范文网 - 专业文章范例文档资料分享平台

jQuery使用手册(7)

来源:用户分享 时间:2021-04-05 本文由七寸南城 分享 下载这篇文档 手机版
说明:文章内容仅供预览,部分内容可能不全,需要完整文档或者需要复制内容,请下载word后使用。下载word有问题请添加微信号:xxxxxx或QQ:xxxxxx 处理(尽可能给您提供完整文档),感谢您的支持与谅解。

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> ]

搜索“diyifanwen.net”或“第一范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读,第一范文网,提供最新高等教育jQuery使用手册(7)全文阅读和word下载服务。

jQuery使用手册(7).doc 将本文的Word文档下载到电脑,方便复制、编辑、收藏和打印
本文链接:https://www.diyifanwen.net/wenku/1179624.html(转载请注明文章来源)
热门推荐
Copyright © 2018-2022 第一范文网 版权所有 免责声明 | 联系我们
声明 :本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
客服QQ:xxxxxx 邮箱:xxxxxx@qq.com
渝ICP备2023013149号
Top