JQuery教程---DOM操作(三)

最新推荐文章于 2024-04-15 17:38:04 发布

hty68024352

最新推荐文章于 2024-04-15 17:38:04 发布

阅读量106

点赞数

分类专栏： JavaScript 文章标签： jQuery F# HTML ViewUI

本文链接：https://blog.csdn.net/hty68024352/article/details/83709187

版权

8 篇文章 0 订阅

订阅专栏

1. 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());}
}

第一个对象是以的父节点的内容为对象，[ two ]

第一个对象是以的父节点的父节点（div）的内容为对象，[onetwo ]

一般一个文档还有<body>和<html>，依次类推下去。

2. ancestors (expr)　

在ancestors（）的基础上之取符合表达式的对象

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

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

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

例：

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

jQuery代码及功能：

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

$("#ch").children()得到对象[ two ].所以.html()的结果是”two”

4. children(expr)

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

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

jQuery代码及功能

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

$("#ch").children()得到对象[twothree ].

$("#ch").children(“#sp”)过滤得到[three ]

parent ()　parent (expr)取匹配对象父节点的。参照children帮助理解

关注