首页 > 试题广场 >

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

[单选题]

给定下面的 HTML 代码:

<div id=”wrapper”>

<div class=”wText”>…</div>…<!—more wText items here -->

<div class=”wImg”>…</div>…<!—more wImg items here -->

<div class=”wVideo”>…</div>…<!—more wVideo items here -->
</div>
怎么能够取得 ”wrapper” 中全部项的集合?
  • $(‘#wrapper’).children();
  • $(‘#wrapper’).html();
  • $(‘#wrapper’).contents();
  • $(‘#wrapper’).find(“all”);
挺好第一个题。
$(‘#wrapper’).children();  //(只沿着 DOM 树向下遍历单一层级)查询直接的子元素。而不管子元素的子元素。
$(‘#wrapper’).html();  //返回的是dom结构。而不是集合
$(‘#wrapper’).contents();
$(‘#wrapper’).find(“all”);   //并没有all这个元素
发表于 2017-04-16 23:13:40 回复(9)
<p>直接按contents这个单词意思来,目录,所容纳的东西</p><p><br></p><p><br></p>
发表于 2020-07-17 17:27:46 回复(0)
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)
发表于 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)
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)
children只能拿到第一个孩子,all没有这种用法,html还会直接拿到它的html结构,所以选content
发表于 2022-11-02 10:22:51 回复(0)
我靠jQuery为什么要出现在html的卷子里啊
发表于 2022-10-09 21:10:52 回复(0)
  1. 答案A:由于 children() 只能获得 子代元素(如:<div class=”wText”></div>),而不能获得注释(如:<!—more wText items here -->)。
  2. 答案B:html() 返回的是DOM结构,而不是元素集合。
  3. 答案C:contents() 不仅仅返回 子代元素,还返回文档和注释,因而是正确的✔。
  4. 答案D:find("all") 表示查找all标签,实际上并没有这个标签。

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

发表于 2022-09-07 14:19:59 回复(0)
children只返回子元素不管子孙元素
html返回dom结构
contents 内容集合正确
all不存在
发表于 2022-07-27 11:13:26 回复(0)
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)
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)