Loading [MathJax]/jax/output/CommonHTML/config.js
社区首页 >问答首页 >从">“开始的选择器是否是在jQuery中找到孩子的正确方法?

从">“开始的选择器是否是在jQuery中找到孩子的正确方法?
EN

Stack Overflow用户
提问于 2015-04-01 23:11:58
回答 2查看 47关注 0票数 0

我想找出特定子代的特定元素。我可以这么做:

代码语言:javascript
代码运行次数:0
复制
$(element).children('.second').find('.third')

显然,这也同样有效:

代码语言:javascript
代码运行次数:0
复制
$(element).find('> .second .third')

我更喜欢后者,但我找不到选择器的文档, '>‘>符号开始.这份文件什么也没说。我的问题是:使用第二个安全吗?它是jQuery API的一部分吗?

EN

回答 2

Stack Overflow用户

发布于 2015-04-01 23:23:18

希望找到元素的特定子元素的特定后代。

选择器称为直接子选择器。你需要使用:

代码语言:javascript
代码运行次数:0
复制
                 //vv SPECIFIC CHILDREN
$(element).find('.second > .third');
                         //^^DESCENDANTS
票数 0
EN

Stack Overflow用户

发布于 2015-04-01 23:45:59

是的,它们是等价的。基本上是$(element).children('.myclass') == $(element).('> .myclass') == $(document).find(element > .myclass)

当您在jQuery选择器中使用一个空格时,您的意思是匹配后代。

因此,$(element).find('> .second .third')的意思是“在属于类third的元素中(在任何级别上)查找属于类second的元素,这些元素是元素的直接子元素。

$(element).children('.second').find('.third')的意思是一样的。

看看这个结构

代码语言:javascript
代码运行次数:0
复制
<div id="parent">
    <div class="second"></div>
    <div class="second">
        <div class="third"></div>
        <div class="third"></div>
        <div class="placeholder">
            <div class="third"></div>
            <div class="second">
                <div class="third"></div>
            </div>
        </div>
    </div>
</div>

不同选择器的结果如下:

代码语言:javascript
代码运行次数:0
复制
$(document).ready(function () {
    //Direct children (second)
    console.log("0: " + $('#parent').find('> .second').length) // 2
    //All children (second) + All children (third)
    console.log("1: " + $('#parent').children('.second').find('.third').length) // 4
    console.log("2: " + $('#parent').find('> .second .third').length) // 4
    //All children (second) + direct children (third)
    console.log("3: " + $('#parent').children('.second').find('> .third').length) // 2
    //Direct children (second) + direct children (third)
    console.log("3: " + $('#parent').find('> .second > .third').length) // 2
});

示例:http://jsfiddle.net/h3s454bq/

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/29407080

复制
相关文章
js与jQuery的区别以及jQuery选择器和方法的使用
jQuery是什么:jQuery是JavaScript的类库,封装了很多js代码。类似java中的类库一样里面一个类中有很多别人写好的功能。90%以上的公司都在用jQuery。
天蝎座的程序媛
2022/11/18
15.4K0
js与jQuery的区别以及jQuery选择器和方法的使用
JQuery的简述、使用方法和选择器
JQ简述1 1、 jQuery出现的背景(Javascript遇到的问题) 选择器功能弱 DOM操作繁琐之极 浏览器兼容性不好 动画效果弱 2、什么是 jQuery(概念) jQuery (javaScriptQuery)JavaScript 代码库 官方网站:http://jquery.com/ 3、目前 jQuery 有三个大版本: 1.x:兼容ie678,使用最为广泛的,官方只做BUG维护,功能不再新增。因此一般项目来说,使用1.x版本就可以了,最终版本:1.12.4 (2016
时间静止不是简史
2020/07/24
1.2K0
JQuery的简述、使用方法和选择器
jQuery 选择器使用方法
下面的代码,只有外层段落的字体会改变颜色,里层不会,因为里层是属于 divInner 的直系元素
Remember_Ray
2020/03/09
4.6K0
jQuery选择器和选取方法
我们已经使用了带有简单Css选择器的jQuery选取函数:$()。现在是时候深入了解jQuery选择器语法,以及一些提取和扩充选中元素集的方法了。
Yiiven
2022/12/15
5.2K0
jQuery 选择器使用方法
下面的代码,只有外层段落的字体会改变颜色,里层不会,因为里层是属于 divInner 的直系元素
Remember_Ray
2020/03/08
4.7K0
验证量子芯片计算是否正确的方法
在向实际量子计算迈进的过程中,来自麻省理工学院、谷歌和其他地方的研究人员设计了一个系统,可以验证何时量子芯片能够准确地完成经典计算机无法完成的复杂计算。
AiTechYun
2020/02/23
8800
jquery的基本选择器
关于基本选择器包括 “*” ,“.class”,"element","#id","selector1 selementN" "*" 选择器,可以找到文档中的所有的元素,包括 head body $(function(){ // $("#test").find("*").css("border","3px solid red"); //找到 #test 这个元素下面的所有的 元素 //}); ".class" 选择给定样式类名的所有的元素。 //$(function
用户1197315
2018/01/19
6320
jQuery常用的选择器
当我们想要操所页面中的元素时,首先要做的就是选取元素。选取页面中元素可以使用jQuery给我们提供的$()方法,该方法需要提供选择器作为参数,方法执行完成后会返回给我们一个jQuery对象,被选取的元素就包含在该对象中。
小周sir
2019/09/23
7350
锋利的JQuery —— 选择器
图片猛戳链接
用户1154259
2018/01/17
7140
锋利的JQuery —— 选择器
什么是学习编程的正确方法
对程序员、开发人员和数据科学家的高度需求吸引了许多人加入 IT 领域。通常,初学者总要试图在学习过程中找到捷径,以便更快地谋得一份工作。
老齐
2021/09/15
1.2K0
jquery选择器用法_jQuery属性选择器
一、 基本选择器 1. ID选择器 ID选择器#id就是利用DOM元素的id属性值来筛选匹配的元素,并以iQuery包装集的形式返回给对象。 使用公式:(“#id”) 示例:(“#box”) //获取id属性值为box的元素 2. 元素选择器 元素选择器是根据元素名称匹配相应的元素。元素选择器指向的是DOM元素的标记名,也就是说元素选择器是根据元素的标记名选择的。 使用公式:(“element”) 示例:(“div”) //获取所有div元素 3.类名选择器 类选择器是通过元素拥有的CSS类的名称查找匹配的DOM元素。在一个页面中,一个元素可以有多个CSS类,一个CSS类又可以匹配多个元素,如果有元素中有一个匹配类的名称就可以被类选择器选取到。简单地说类名选择器就是以元素具有的CSS类名称查找匹配的元素。 使用公式:(“.class”) 示例:(“.box”) //获取class属性值为box的所有元素 4.复合选择器 复合选择器将多个选择器(可以是ID选择器、元素选择器或是类名选择器)组合在一起,两个选择器之间以逗号”,”分隔,只要符合其中的任何一个筛选条件就会被匹配,返回的是一个集合形式的jQuery包装集,利用jQuery索引器可以取得集合中的jQuery对象。 注意:多种匹配条件的选择器并不是匹配同时满足这几个选择器的匹配条件的元素,而是将每个匹配的元素合并后一起返回。 使用公式:(“selector1,selector2,……,selectorN”) selector1:一个有效的选择器,可以是ID选择器、元素选择器或类名选择器等 selector2:另一个有效的选择器,可以是ID选择器、元素选择器或类名选择器等 selectorN:(可选择)任意多个选择器,可以是ID选择器、元素选择器或类名选择器等 示例:(“div,#btn”) //要查询文档中的全部的<div>元素和id属性为btn的元素 5.通配符选择器
全栈程序员站长
2022/11/16
12.2K0
不懂JQuery的孩子:自封装Ajax函数
前言                                       一直没痛下决心学习JQuery,但平时项目中又要用到Ajax,于是自己写一个函数封装一下方便项目中偷懒吧!今天一不小心看到介绍xmlHttp对象的博客,细读一下重新认识了一下xmlHttp对象,获益良多,顺便重构一下自己写的Ajax函数。   主要参考:轻松掌握XMLHttpRequest对象 XMLHTTP.readyState的五种状态 认识XmlHttp对象                            
^_^肥仔John
2018/01/18
1.4K0
不懂JQuery的孩子:自封装Ajax函数
jquery当中$选择器的用法
1.$选择器 例 1.1(ElementApi.html) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> $选择器 </TITLE> <script src="jquery.js"></script> <SCRIPT LANGUAGE="JavaScript"> <!-- function showHide() { /* toggle() 切换元素的可见状态。 */     $("#info").toggle(); } //--> </SCRIPT> </HEAD>
马克java社区
2021/01/30
5030
jquery当中$选择器的用法
jQuery判断checkbox是否选中的3种方法
网上大多数文章都提供的方法都是无效的,害死个人,本文中的方法小编亲测试有效,建议使用方法一、二: 方法一(建议): if ($("#checkbox-id").get(0).checked) { // do something } 感谢豆瓣绿补充: if ($("#checkbox-id")[0].checked) { // do something } 方法二(建议): if($('#checkbox-id').is(':checked')) { // do something
deepcc
2018/05/16
1.5K0
jQuery常用的 基本选择器
jQuery选择器是jQuery为我们提供的一组方法,让我们更加方便的获取到页面中的元素。注意:jQuery选择器返回的是jQuery对象。
兮动人
2021/06/11
5230
【方法】学习 SAS 的正确姿势是怎样的?
作者 CDA 数据分析师 SAS 作为世界知名大数据分析产品,只要是大机构, 不论是、制药、金融、保险、市场部门、NGO 还是政府部门,SAS 的覆盖率,都是完全不可被替代的。甚至部分IT公司在统计
CDA数据分析师
2018/02/26
2.2K0
【方法】学习 SAS 的正确姿势是怎样的?
jQuery选择器
说明: 可以使用length属性来判断标签是否选择成功, 如果length大于0表示选择成功,否则选择失败。
落雨
2022/03/01
30.4K0
jQuery 选择器
基本选择器 基本选择器是最简单的选择器,可以通过元素id、class和标签名等来直接查找DOM元素。 元素选择器 根据给定元素名匹配元素。如下选择的是所有div元素。 $("div").css("
静默虚空
2018/01/05
7.4K0
JQuery选择器
1    $("*")      ---------选取所有元素 2   $(this)     --------选择当前HTML元素 3   $("p.a")   -----选取p元素下class为a的元素 4   $("p:first")  ----选取第一个p元素 5   $("ul li:first-child") ----选取ul下第一个li元素 6  $("tr:even")  -------选取偶数位置下的tr 7 $("tr :odd")   --------选取奇数位置的tr
用户3159471
2018/09/13
1.7K0
JQuery选择器
jQuery常用的事件: load:当文档加载时运行脚本 blur:当窗口失去焦点时运行脚本 focus:当窗口获得焦点时运行脚本 change:当元素改变时运行脚本 submit:当提交表单时运行脚本 keydown:当按下按键时运行脚本 keypress:当按下并松开按键时运行脚本 keyup:当松开按键时运行脚本 click:当单击鼠标时运行脚本 dblclick:当双击鼠标时运行脚本 mousedown:当按下鼠标按钮时运行脚本 mousemove:当鼠标指针移动时运行脚本 mouseout:当鼠标指针移出元素时运行脚本 mouseover:当鼠标指针移至元素之上时运行脚本 mouseup:当松开鼠标按钮时运行脚本 abort:当发生中止事件时运行脚本
我不是费圆
2020/09/21
7.4K0

相似问题

jQuery选择器-孩子的孩子

40

jquery:孩子() vs孩子选择器">“

30

jQuery大孩子的选择器

23

“开始”节点没有在正确的顺序中找到

13

在叉子的过程中,孩子的执行到底是从哪里开始的?

10
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档