jquery中find方法和children方法的区别

最新推荐文章于 2024-06-13 02:48:16 发布
最新推荐文章于 2024-06-13 02:48:16 发布
阅读量57 收藏
点赞数
文章标签： javascript xhtml ViewUI
原文链接：http://www.cnblogs.com/lzhp/archive/2012/05/22/2680776.html
版权

find方法能找子孙

children方法只能找儿子

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
</head>
<body>
<ul>
    <li id="menu_ul">
        <ul>
            <li id="li_test">新闻</li>
            <li>网页</li>
            <li>知道</li>
        </ul>
    </li>
    <li>正文</li>
    <li>结尾</li>
</ul>
</body>
</html>
<script>
    $("#menu_ul").children("ul").css("color", "blue");//只能指定子元素的标签ul 不能指定li 如果换成li的话  不能找到
    $("#menu_ul").find("#li_test").css("background", "green");//可以指定li 
</script>


 

转载于:https://www.cnblogs.com/lzhp/archive/2012/05/22/2680776.html

weixin_30765577
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery的children()和find()方法
KongYue1202的博客
09-22 1528
1.children() 方法返回被选元素的所有直接子元素。（直接子元素，只找儿子不要孙子） 2.find（）方法获得当前元素集合中每个元素的后代 布局 <div class="nav"> <p>我是p1</p> <div> <p>我是p2</p> </div> </div> <script> $(function(){ //children 选亲儿子 $('.nav').chi
jQuery find和children方法使用
10-28
为了避免和美工冲突，对特定操作对象加上id标识，美工不大改也没什么问题。
jQuery-jQuery元素尺寸&offset,position&筛选
Aqours的博客
09-15 160
jQuery CSS 设置css样式/读取css值 css() <p style="color: blue;">尚硅谷的后裔</p> <p style="color: green;">太阳的后裔</p> 1.得到第一个p标签的颜色 console.log($('p:first').css('color'));//rgb(0, 0, 255)...
JQuery的父、子、兄弟节点查找，节点的子节点循环
weixin_34327761的博客
04-09 479
jQuery.parent(expr)           //找父元素 jQuery.parents(expr)          //找到所有祖先元素，不限于父元素 jQuery.children(expr)        //查找所有子元素，只会找到直接的孩子节点，不会返回所有子孙 jQuery.contents()            //查找下面的所有内容，包括节点和文本。 j...
jQuery -> 获取孩子节点
热门推荐
老梁的专栏
05-22 2万+
jQuery提供了很多方法来获取一个元素的direct descendant(直接后代)。 最简单的方式是使用direct descendant combinator (>) 例如，如果要获取如下html代码中的直接孩子节点中的a元素，就可以直接使用 > 符号 jQuery jQuery tutorial 使用selector获取 $('content > a');
jQuery 之 筛选_查找孩子-父母-兄弟标签
z_x_Qiang的博客
01-01 1047
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;16_筛选_查找孩子-父母-兄弟标签&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="di
Jquery结点遍历
叫我安森
08-02 853
jQuery.parent(expr) 找父亲节点，可以传入expr进行过滤，比如$("span").parent()或者$("span").parent(".class") jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素，不限于父元素 jQuery.children(expr).返回所有子节点，这个方法只会返回直接的孩子节点，
细谈jQuery的find（）和children（）方法
明天的你会感谢今天的自己
08-21 3662
先来说find（）方法，W3C的解释是： 获得当前匹配元素集合中每个元素的后代，由选择器进行筛选 常用的方法如下：$('li.item-ii').find( 必填参数 ).find方法的参数的必须的，参数可以为属性的class名（class=“XXX”），元素名（&lt;p&gt;元素），以及jQuery的选择器参数：.find('li')、.find( $('li') )等，find（）找...
JQuery中find,filter,children的区别
qq_44626593的博客
02-18 361
一、 find()方法是获得当前元素集合中每一个元素的后代。是在当前元素集合中查找，但不包括当前元素本身，只能在元素后代查找。 <div class="big"> <div class="small">大家好</div> </div> <div class="small"> <p>祖国好</p> </div> $("div").find(".small").css("color""#db19...
jQuery初学:find()方法及children方法的区别分析
12-09
首先看看英文解释吧： children方法：find方法：通过以上的解释，可以总结如下： 1：children及find方法都用是用来获得element的子elements的，两者都不会返回 text node，就像大多数的jQuery方法一样。 2：children...
jQuery中children()方法用法实例
12-03
本文实例讲述了jQuery中children()方法用法。分享给大家供大家参考。具体分析如下： 此方法取得一个包含匹配元素集合中每一个元素的所有子元素的元素集合。 可以通过可选的表达式来过滤所匹配的子元素。 注意:find()...
jQuery中find()方法用法实例
01-19
本文实例讲述了jQuery中find()方法用法。分享给大家供大家参考。具体分析如下： 此方法获得匹配元素集合中所有元素的子元素，并通过选择器、jQuery 对象或元素删选。 find()方法是获取匹配元素后代元素的好方法。 ...
[Vue-常见错误]浏览器显示Uncaught runtime errors
一个喜欢什么都研究一下的小小后端程序员
06-09 320
在vue.config.js中配置关闭Uncaught runtime errors显示。
JS中一个dom元素能绑定多少事件
ggq53219的博客
06-10 499
在JavaScript中，一个DOM元素可以绑定的事件数量并没有明确的限制，这主要取决于浏览器的实现和内存限制。然而，在实际应用中，为同一个DOM元素绑定过多的事件监听器可能会导致性能问题，尤其是在事件处理函数执行复杂操作的情况下。总之，虽然JavaScript中DOM元素可以绑定的事件数量没有明确的限制，但在实际应用中应注意避免过度绑定和优化事件处理函数，以确保良好的性能和用户体验。
前端性能优化：提升网站加载速度的终极指南
喔的嘛呀的博客
06-07 1060
综上所述，通过以上优化方案和具体措施，我们可以有效地提升网站的加载速度，改善用户体验，提高转化率，从而在激烈的市场竞争中脱颖而出，取得更好的业绩和口碑。作为前端工程师，我们应该不断学习和探索，不断优化和提升网站性能，为用户创造更好的上网体验。
自制植物大战僵尸：HTML5与JavaScript实现的简单游戏
m0_73367097的博客
06-08 1913
自制植物大战僵尸
基于JavaScript 如何实现爬山算法以及优化方案
乐闻世界
06-10 1208
爬山算法（Hill Climbing Algorithm）是一种常见的启发式搜索算法，常用于解决优化问题。其核心思想是从一个初始状态出发，通过逐步选择使目标函数值增大的邻近状态来寻找最优解。接下来，我们将通过 JavaScript 实现一个简单的爬山算法，帮助大家理解其原理和应用。从一个初始状态开始。评估当前状态的目标函数值。在当前状态的邻居中选择一个目标函数值更大的状态。如果找到了更优的邻居，则移动到该邻居并重复步骤2和步骤3。如果没有更优的邻居，则算法结束，当前状态即为局部最优解。
vue3如何定义一个组件
Java程序员专栏
06-09 513
注意在子组件的 <template> 中，你使用 {{ propName }} 来显示传递进来的参数值。在父组件中，你使用 :propName="parentMessage" 来将 parentMessage 数据的值绑定到子组件的 propName prop 上。当使用 <script setup> 语法糖时，你不能直接在 <script> 标签内使用 props 选项。在 Vue 3 中，定义一个可以接收参数的组件通常是通过在组件的 props 选项中定义这些参数来完成的。// 其他组件逻辑...
Harmony 开发的艺术 面向对象
最新发布
不懂先生的博客
06-13 792
然后你可以创建多个子类，如“圆形”、“矩形”和“三角形”，它们都继承自“形状”类并实现了自己的“绘制”方法。尽管每个对象的类型可能不同（圆形、矩形、三角形等），但由于它们都继承了“形状”类并实现了相同的“绘制”方法，因此你可以通过父类引用来统一调用它们的方法。然后你可以创建一个“狗”类，它继承自“动物”类，并添加或覆盖一些特定的属性和方法（如“叫”和“摇尾巴”）。所以面向对象的三大特征（封装、继承、多态）在java语言中很容易实现的设计，搬到早期的JavaScript中，就变噩梦一样的存在。
jquery中find和children
04-10
jQuery中的find和children是选择器函数，可以在DOM树中匹配元素并返回符合条件的元素集合。其中，find是在某个DOM元素的所有后代元素中查找符合条件的元素，而children只在该元素的直接子元素中查找符合条件的元素。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值