jquery中find,children,contents的区别

最新推荐文章于 2021-04-25 09:47:20 发布
最新推荐文章于 2021-04-25 09:47:20 发布
阅读量769 收藏 1
点赞数
分类专栏： jquery 文章标签： find children contents
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/webforshare/article/details/37533141
版权
本文介绍了在前端开发中常用的DOM操作方法：.find()用于返回元素集合中每个元素的后代元素；.children()用于返回所有子元素，但不包括文本节点，仅遍历一层；.contents()则返回所有子元素，包括文本和注释节点。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

.find()     返回元素集合中每个元素的后代元素。

.children()  返回所有子元素,不返回文本节点;只再DOM树中向下遍历一个层级。

.contents   返回所有子元素,包括使用文字和注释节点。

10-jQuery-遍历children、parent、for、each、for...of等
记录java学习日常~
05-24 1105
上述代码表示：通过 $ 函数选择 container 元素，并使用 children() 方法获取它的所有子元素。然后使用 for...of 循环遍历所有子元素，并打印出它们的文本内容。需要注意的是，for...of 循环中的 element 变量是 DOM 元素，需要使用 $ 函数将其转换成 jQuery 对象才能进行相关操作。上述代码表示：使用 $ 函数选择所有 li 元素，并使用 each() 方法遍历它们。在示例代码中，使用 console.log() 打印每个 li 元素的索引和文本内容。
jQuery学习笔记 更改jQuery对象
10-27
这可以通过多种方法来实现，其中常用的有 `children()`、`find()`、`contents()`、`parent()`、`parents()`、`parentsUntil()`、`next()`、`prev()`、`nextAll()`、`prevAll()`、`siblings()`、`nextUntil()`、`...
jquery中的children()和contents()的区别
weixin_30725467的博客
12-22 294
1.children()只会返回元素节点 2.contents()还可以返回文本节点 3.实例: 1 <ul id="n1"> 2 test 3 <li id="n2" class="active"> 4 <span id="n3">菜单1</span> 5 &...
第三章：数据解析-contents和children
weixin_43597208的博客
03-31 190
直接学习：https://edu.youkuaiyun.com/course/play/24756/280699 contents和children: 返回某个标签下的直接子元素，其中也包括字符串，他们两个的区别是contents返回的是一个列表，children返回的是一个迭代器。 string和strings以及的属性： 1、string ：获取某个标签下的非标签字符串，返回来的是一个字符串，如果这个标签...
查找jQuery对象的方法children() contents() find() parent() closet() next() pre() siblings()
weixin_40512519的博客
08-11 1136
通过关系查找jQuery对象的方法： children([selector]) contents() find(selector) parent([selector]) parents([selector]) parentsUntil([selector]) closet(selector) children()和contents()都是查找子元素，不查找孙子元素。 &lt;di...
踩坑记
hskw444273663的博客
11-10 421
由于某些原因，不能粘贴代码，那就记录整个过程吧，没有经验，一个坑一个坑的踩！ 代码都是手敲的，条件不允许不能复制粘贴，我检查过了没问题。 前端请求后端浏览器下载，记得不能有返回值！！！ 一、文件上传（EasyUI+SpringBoot） 1、先是获取文件路径的时候，不管你从什么目录上传，前端获取到的都是"C:\fakepath\"目录，说这是ie8下的安全设置问题，怎么解决百度上有； 2...
layui帮助
qq_46127389的博客
04-25 458
----------------------------------表格显示图片---------------------------------------------------- --需要在表格页面, </head>前面添加的CSS样式代码如下 <style> .layui-table-cell { height: auto !important; } .layui-table img { max-width: 100%; } </style> -.
Jquery api 速查表分享
10-24
4. 遍历方法：Jquery提供了多种遍历方法，如.filter(selector)、.filter(callback)、.eq(index)、.slice(start,[end])、.not(selector)、.add(selector)、.find(selector)、.contents、.children([selector])、.next...
解决同一页面中两个iframe互相调用jquery,js函数的方法
10-20
$(window.parent.$("#main1")).contents().find("#hidVal").val(index); // 找到c.html中的hidVal给他赋值 } ``` 如果c.html的iframe嵌套在b.html中，可以通过类似的方式调用父页面的方法： ```javascript // ...
浅析jQuery 遍历函数，javascript中的each遍历
10-22
在本文中，我们将探讨jQuery库中的一系列遍历函数，以及如何使用javascript中的each函数来遍历数组和DOM元素。jQuery是一个快速、小巧且功能丰富的JavaScript库，它简化了HTML文档遍历、事件处理、动画和Ajax交互的...
JQuery操作iframe父页面与子页面的元素与方法(实例讲解)
01-19
JQUERY IFRAME下面简单使用Jquery来操作iframe的一些记录，这个使用纯JS与可以实现。 第一、在iframe中查找父页面元素的方法：$(‘#id’, window.parent.document) 第二、在父页面中获取iframe中的元素方法：$(this).contents().find(“#suggestBox”) 第三、在iframe中调用父页面中定义的方法和变量：parent.methodparent.valueiframe里用jquery获取父页面body iframe.html 代码如下:<html>[removed]</sc
谈谈jquery 筛选中的 contents() children() filter() 与find()
qq_25602411的博客
05-23 1581
谈谈jquery 筛选中的 contents() children() filter() 与find()
jQuery--遍历节点之后代遍历（children()、find()、contents()）详解
吴声子夜歌的博客
10-02 2186
后代遍历 后代遍历又称向下遍历，常用的方法有children()、find()和contents()方法，通过向下遍历DOM树的方式来查找元素的后台元素。 1. children()方法： children()方法用于返回所匹配元素的直接子元素，并允许使用选择器进行筛选，其语法格式如下： $(selector).children([childSelector]) $(selector)：表示所...
iframe简单使用（同域下）
wxj_ios的博客
01-24 377
this.mbsj = $('#ifm1').contents().find('#mb1').val(); // 子页面数据传递到父页面 $('#ifm1').contents().find('#mb1').val(111); // 父页面数据传递到子页面 document.getElementById('ifm1').src = 'http://www.baidu.com'; // 刷新子页
Python爬虫实战（Requests+BeautifulSoup版）
07-18
本课程是一个Python爬虫实战课程，课程主要使用Requests+BeautifulSoup实现爬虫，课程包括五个部分：第一部分：CSS选择器，主要讲解类选择器，ID选择器，标签选择器，伪类和伪元素，以及组合选择器等。第二部分：Python正则表达式，主要讲解Python对正则表达式的支持，匹配单字符、匹配多字符、匹配开头结尾、匹配分组、search、findall、sub、split 等方法以及贪婪和非贪婪匹配。 第三部分：Requests框架，主要讲解如何发送请求，如何获得响应结果、Cookie、Session、超时和代理的处理 第四部分：BeautifulSoup框架 ， 主要讲解遍历文档、搜索文档和修改文档。 第五部分：项目，通过爬取博客园博客文章融汇贯通的运用了所学内容。
17 - 05 - 26 Python contents / children / descendants 区别
Sodaoo's Blog
04-18 2578
先说说导航树： # Navigating Trees 导航树： The findAll function is responsible for finding tags based on their name and attribute. （依靠标签的名称和属性来查找标签） 但是如果你需要通过标签在文档中的位置来查找标签，该怎么办？ 某HTML文件就可以映射成为这样一棵具有明确亲
contents()与children()的用法和区别
huangli007的博客
11-07 937
一、contents()与children()的用法和区别 contents()方法方法获得匹配元素集合中每个元素的子节点，包括文本和注释节点。而children()只能获得匹配元素 集合中每个元素的子节点。 $(’.container’).contents() //可以获得 class 为container 的div 下的所有元素之间的子节点，包括文本节点 在控制台打印出来可以看到 而 $(’....
BeautifulSoup的高级应用 之 contents children descendants string strings stripped_strings
Winterto1990的博客
08-19 6213
继上一节，BeautifulSoup的高级应用 之 find findAll，这一节，主要讲解BeautifulSoup有关的其他几个重要应用函数。本篇中，所使用的html为：html_doc = """ <html> <head><title>The Dormouse's story</title></head> <p class="title"><b>The Dormouse's story
JQuery 1.4 API中文文档详解
- **查找**: 如`children([expr])`, `find(expr)`, `next([expr])`。 #### 串联 - **串联**: jQuery方法链式调用的能力，使代码更加流畅： - `add(expr, [context])`, `andSelf()`, `contents()`, `end()`。 ##...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值