我要招人

去企业版

首页 > 试题广场 >

给定下面的 HTML 代码： …… ……

[单选题]

给定下面的 HTML 代码：

</div>

怎么能够取得 ”wrapper” 中全部项的集合？

```
$(‘#wrapper’).children();
```
```
$(‘#wrapper’).html();
```
```
$(‘#wrapper’).contents();
```
```
$(‘#wrapper’).find(“all”);
```

查看答案及解析

最讨厌晚上9点半，钉钉响起的声音

挺好第一个题。

$(‘#wrapper’).children(); //（只沿着 DOM 树向下遍历单一层级）查询直接的子元素。而不管子元素的子元素。

$(‘#wrapper’).html(); //返回的是dom结构。而不是集合

$(‘#wrapper’).contents();

$(‘#wrapper’).find(“all”); //并没有all这个元素

发表于 2017-04-16 23:13:40 回复(9)

牛客884407815号

<p>直接按contents这个单词意思来，目录，所容纳的东西</p><p><br></p><p><br></p>

发表于 2020-07-17 17:27:46 回复(0)

一直在路上201711030024585

jquery官方API解释：

Given a jQuery object that represents a set of DOM elements, the .children() method allows us to search through the children of these elements in the DOM tree and construct a new jQuery object from the matching elements. The .children() method differs from .find() in that .children() only travels a single level down the DOM tree while .find() can traverse down multiple levels to select descendant elements (grandchildren, etc.) as well. Note also that like most jQuery methods, .children() does not return text nodes; to get all children including text and comment nodes, use .contents().

发表于 2019-02-07 16:24:45 回复(0)

熊在匣子里

contents() 方法获得匹配元素集合中每个元素的子节点，包括文本和注释节点。 find() 方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。 html() 方法返回或设置被选元素的内容 (inner HTML)。 children() 方法返回匹配元素集合中每个元素的子元素，添加可选参数可通过选择器进行过滤。

发表于 2017-03-27 12:01:49 回复(1)

小北风.

$(‘#wrapper’).children(); //（只沿着 DOM 树向下遍历单一层级）查询直接的子元素。而不管子元素的子元素。

$(‘#wrapper’).html(); //返回的是dom结构。而不是集合

$(‘#wrapper’).contents(); //返回全部元素的集合

$(‘#wrapper’).find(“all”); //并没有all这个元素

发表于 2018-01-16 10:36:06 回复(0)

李向维

children是子元素但是要是子元素里边还有元素不就取不到了吗？

发表于 2017-03-25 08:43:46 回复(2)

牛客7678646号

发表于 2017-08-29 11:44:33 回复(3)

〆樱桃小丸子的西瓜

contents()可取到每一个匹配到的元素的字节点，children()取不到子元素中的子元素。

发表于 2017-04-29 20:21:55 回复(0)

眼眸深处的温柔

使用children()需要在里面加上div.

发表于 2017-03-30 09:26:50 回复(0)

kinjaze123

children只能拿到元素节点中最近一级的子节点例如$("ul").children("li") 等同于 $("ul>li")，而contents都能拿到。

发表于 2020-10-06 14:55:10 回复(0)

在发呆的海豚很聪明

$(‘#wrapper’).children(); //（只沿着 DOM 树向下遍历单一层级）查询直接的子元素。而不管子元素的子元素。
$(‘#wrapper’).html(); //返回的是dom结构。而不是集合
$(‘#wrapper’).contents();
$(‘#wrapper’).find(“all”); //并没有all这个元素

发表于 2022-11-19 15:56:42 回复(0)

牛客804072256号

children只能拿到第一个孩子，all没有这种用法，html还会直接拿到它的html结构，所以选content

发表于 2022-11-02 10:22:51 回复(0)

牛客702620602号

我靠jQuery为什么要出现在html的卷子里啊

发表于 2022-10-09 21:10:52 回复(0)

Hey-Dino

答案A：由于 children() 只能获得子代元素（如：<div class=”wText”></div>），而不能获得注释（如：<!—more wText items here -->）。
答案B：html() 返回的是DOM结构，而不是元素集合。
答案C：contents() 不仅仅返回子代元素，还返回文档和注释，因而是正确的✔。
答案D：find("all") 表示查找all标签，实际上并没有这个标签。

children()所返回的是 子代元素 ，该方法包含一个可选的参数，用于缩小搜索的范围。
contents()类似于children()，不同点是contents还会返回 子代文本 和 子代注释（代表与子代元素同一层的文本和注释），且不包含参数。
find()可以看作是children()的升级版，其返回的是 后代元素（包含子代元素）。不同于children()的一点是，其包含一个 必选参数；若想获取所有后代元素，可以写为：
```
$("xxx").find("*")
```

发表于 2022-09-07 14:19:59 回复(0)

wwran

children只返回子元素不管子孙元素

html返回dom结构

contents 内容集合正确

all不存在

发表于 2022-07-27 11:13:26 回复(0)

牛客890271148号

children()括号中加上 “div” 就对了

find(“all”)将 “all” 换成 “div”就对了

发表于 2021-09-22 19:40:51 回复(0)

无聊★刷刷

contents返回节点下的所有元素，包括子元素的子元素。 html，返回当前的dom元素。 chilren返回当前节点下的直接子元素。 find没有找到all这个元素

发表于 2021-04-26 22:59:21 回复(0)

酒窝菜菜子

children只返回子节点不返回孙子节点，contents返回所有后代节点

发表于 2020-03-19 00:33:38 回复(0)

lxd19931107

contents() 方法获得匹配元素集合中每个元素的子节点，包括文本和注释节点。

find() 方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。

html() 方法返回或设置被选元素的内容 (inner HTML)。

children() 方法返回匹配元素集合中每个元素的子元素，添加可选参数可通过选择器进行过滤。

$(‘#wrapper’).children(); //（只沿着 DOM 树向下遍历单一层级）查询直接的子元素。而不管子元素的子元素。

$(‘#wrapper’).html(); //返回的是dom结构。而不是集合

$(‘#wrapper’).contents();

$(‘#wrapper’).find(“all”); //并没有all这个元素

编辑于 2019-04-09 17:35:49 回复(0)

阿兰十一

children()是子元素。但是子元素的子元素就不包括了。但是content(),包括子元素的所有。

编辑于 2019-03-26 19:12:29 回复(0)

提交观点

问题信息

HTML

上传者：牛100

难度：

32条回答 3212收藏 6745浏览

给定下面的 HTML 代码： …… ……

问题信息

热门推荐

相关试题