首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

jquery选择器,以致子对象不包含多个类?

jQuery选择器是一种用于在HTML文档中选择元素的强大工具。它允许开发人员使用各种方法来选择特定的HTML元素,以便对其进行操作或应用样式。

在jQuery中,可以使用多种选择器来选择元素。其中,类选择器是一种常用的选择器,它允许我们通过元素的类名来选择元素。然而,有时候我们希望选择的元素不仅具有某个类,还要满足其他条件,以确保我们选择的是特定的元素。

为了实现这个目标,可以使用多个选择器来组合条件。在选择器中,可以使用空格来表示选择器之间的关系。如果我们希望选择的元素是某个父元素的直接子元素,并且不包含多个类,可以使用父子选择器(child selector)来实现。

父子选择器使用">"符号来表示,它指定了父元素和子元素之间的关系。通过在父元素选择器后面添加">"符号和子元素选择器,可以选择父元素的直接子元素,并且这些子元素只能包含一个类。

例如,如果我们希望选择所有class为"child"的直接子元素,并且这些子元素不包含多个类,可以使用以下选择器:

代码语言:txt
复制
$(".parent > .child:not([class*=' '])")

这个选择器首先选择class为"parent"的元素,然后选择它的直接子元素中class为"child"且不包含多个类的元素。

推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云云数据库MySQL。

  • 腾讯云云服务器(CVM):腾讯云提供的弹性计算服务,可快速创建、部署和扩展云服务器实例。它提供了多种配置和规格的云服务器供选择,适用于各种规模的应用和业务需求。了解更多信息,请访问腾讯云云服务器(CVM)
  • 腾讯云云数据库MySQL:腾讯云提供的高性能、可扩展的云数据库服务,基于MySQL架构。它提供了自动备份、容灾、监控等功能,可满足各种规模的应用和业务的数据库需求。了解更多信息,请访问腾讯云云数据库MySQL
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

jQuery选择器

基本选择器(*) 在开发过程中,jQuery对象的定义 var $obj=$("选择的对象"); //$obj为自定义的元素名 id选择器 $("#id"); 选中的结果是该元素的jQuery对象 标签选择器...$("标签名称");jquery对象的集合,如果选择结果只有一个,那么是当前对象 选择器 $(".名"); jQuery对象的集合,名是在css中定义 并集选择器 $("selector1seletor2...全局选择器 $("*"); jQuery对象的集合,会选中所有 层次选择器(*) 后代选择器 $("selector1 selector2"); 选择selector1内部所有满足selector2的元素...:contains("value") 选择元素中内容包含指定值的元素(包括div等标签); :empty 选中包含元素和内容的元素; :has(选择器) 匹配包含有指定选择器选中的元素的元素; :...:first-child 匹配所给选择器( :之前的选择器)的第一个元素; 等同于: :nth-child(1) 注意:但是:first-child选择器可以匹配多个:即为每个父级元素匹配第一 个子元素

1.5K10

JavaWeb04-jQuery(Java真正的全栈开发)

jQuery 一.jQuery入门 1.javascript库 JavaScript 库封装了很多预定义的对象和实用函数。能帮助使用者建立有高难度交互客户端页面, 并且兼容各大浏览器。...标签的src属性导入即可 二.jQuery基本操作 1.获得jQuery对象 语法:$(选择器或者DOM对象) 或 jQuery(选择器或者DOM对象) $ == jQuery <script type...获得jQuery对象,底层使用数组进行维护的,可以存放多个对象。 //然后通过get()可以从jquery对象转换成 dom对象。参数:数组的下标,可以省略。如果省略下标获得dom 数组。... :animated 动画 :focus 焦点 4.内容过滤 :contains(text) 是否包含指定的内容 :empty 是否为空,包含元素、包含文本 :has(选择器),当前元素,...复合属性选择器 需要同时满足多个条件时使用 7.元素过滤 :nth-child() 指定孩子 ,从1开始。

2.3K90
  • 学习zepto.js(Hello World)

    对象,而调用.find方法去执行的目的是为了兼容有些zepto对象数组下有多个对象,其实find里边也是循环调用qsa(zepto封装的query方法,下边都会说)     为空时就直接通过document...就是说看是不是包含选择器的;   上边几个变量都是用来判断的,下边是一大串的三元运算符,看着挺晕的,但是听我解释完,肯定会明白的(说不定就更晕了);   首先是     确定上下文对象支持getElementById...方法,该选择器包含选择器并且选择器开头是个#号,这说明人家要的是个ID:XXX的标签       如果满足这种情况,就调用getElementById并将返回结果放入一个数组,这也是为什么获得jQuery...直接返回空数组(任性~);       但如果满足条件了,继续进行判断,选择器包含选择器的(get√),并且不是通过ID选择的(get√),而且支持getElementsByClassName的(...(但是jQuery不是这么写的,至少不全是,因为jQuery还有一些自己的伪,zepto是没有的);   关于那个slice.call()只是为了将里边返回的dom对象放在一个数组里罢了。

    3.5K80

    JQuery选择器JQuery包装集

    (本文年代久远,请谨慎阅读)今天学习了JQuery的一些基本用法,包括JQuery选择器JQuery包装集; 从现在开始,要慎重区分DOM对象JQuery对象,两种对象的方法不同,属性不同,在使用中要特别注意...JQuery选择器 编写任何javascript程序都需要首先获得对象, jQuery选择器能彻底改变我们平时获取对象的方式, 可以获取几乎任何语意的对象, 比如”拥有title属性并且值中包含test...(“id”); JQuery对象获取方法: 单个对象:var objDiv = $ (“#Id"); 多个对象:var arrObj = $('div'); //警告:此处是JQuery语法形式,但依然是...JQUERY选择器包括以下几种: 1、基础选择器 2、层次选择器 3、基本过滤器 4、内容过滤器 5、可见性过滤器 6、属性过滤器 7、元素过滤器 8、表单选择器 9、表单过滤器 下面列出几种重要的选择器...='...']")匹配给定的属性是包含某个特定值的元素 name='...' $("input[name^='...']")匹配给定的属性是以某些值开始的元素 name^='...'

    3.1K20

    jQuery选择器和选取方法

    一、jQuery选择器 在CSS3选择器标淮草案定义的选择器语法中,jQuery支持相当完整的一套子集,同时还添加了一些非标准但很有用的伪。注意:本节讲述的是 jQuery选择器。...first()返回的jQuery对象包含选中元素中的第一个,last()返回的jQuery对象则只 包含最后一个元素。更通用的是,eq()方法返回物Query对象包含指定序号的单个选中元素。...如果传递选择器字符串给not()它会返回一个新的jQuery对象,该 对象包含匹配该选择器的元素。...如果传入选择器,has()会返回一个新的jQuery对象,仅包含有子孙元素匹配该选择器的选中元素。...大部分都接受可选的选择器字符串作为参数。传入选择器时,它们会返回所有元素、兄弟元素或父元素。传入选择器时,它们会过滤元素集,仅返回匹配的。

    5.2K40

    Web前端JQuery面试题(二)

    通过jquery自身的方法获取页面元素的对象,就是jquery对象。...jquery选择器有:基本选择器,层次选择器,过滤选择器,表单选择器四大。...过滤选择器分6种:简单过滤选择器,内容过滤选择器,可见性过滤选择器,属性过滤选择器元素过滤选择器,表单对象属性过滤选择器。...first() 或 :first 获取第一个元素 last() 或 :last 获取最后一个元素 内容过滤选择器: :contains(text) 获取包含给定文本的元素 :empty 获取所有包含元素或文本的空元素...[selector1][selector2] 同时满足多个条件使用 元素过滤选择器: :nth-child 从1开始的,匹配每个父元素下第n个元素 $("ul li:nth-child(2)");

    1.9K30

    一文入门jQuery

    文章目录 jQuery概念 快速入门 步骤: JQuery对象和JS对象区别与转换 选择器:筛选具有相似特征的元素(标签) 基本操作学习 事件绑定 入口函数 样式控制:css方法 分类 基本选择器...标签选择器(元素选择器) id选择器 选择器 并集选择器 层级选择器 后代选择器 选择器 属性选择器 属性名称选择器 属性选择器 复合属性选择器 过滤选择器 首元素选择器 尾元素选择器 非元素选择器...的属性值”) 获得与指定的class属性值匹配的元素 并集选择器 语法: $(“选择器1,选择器2…”) 获取多个选择器选中的所有元素 层级选择器 后代选择器 语法: $("A B ") 选择A元素内部的所有...B元素 选择器 语法: $(“A > B”) 选择A元素内部的所有B元素 属性选择器 属性名称选择器 语法: $(“A[属性名]”) 包含指定属性的选择器 属性选择器 语法: $(“A[属性名=‘值...’]”) 包含指定属性等于指定值的选择器 复合属性选择器 语法: $(“A[属性名=‘值’][]…”) 包含多个属性条件的选择器 过滤选择器 首元素选择器 语法: :first 获得选择的元素中的第一个元素

    3.5K20

    【JavaWeb】85:jQuery的各种选择器

    jQuery语法:jQuery.click(function(){})。 通俗一点理解就是: js对象对应的是属性,给属性赋值。 jQuery对象对应的是方法,给方法一个参数。...①id选择器 格式为:$("#myId01")。 通过它可以操作对应id的标签。 ②选择器 格式为:$(".divClass")。 通过它可以操作对应名的标签。...③标签选择器 格式为:$("div")。 通过它可以操作对应标签名的标签,其效果和选择器很相似。 ④全选选择器 格式为:$("*")。这是jQuery中多于CSS的。...值得注意的是:这两种都是同级之间操作的,涉及到它们的标签。 三、属性选择器 在标签中是有各种各样的属性的,比如style属性,name属性,value属性,title属性…等等。...比如层级选择器中可以包含基本选择器jQuery中的选择器实在是太多了,通过网络查询到jQuery对应里的选择器: ? 遇到不会的就可以查看下文档,讲解也很详细,还有案例分析。

    8.8K20

    jQuery的基本操作

    · //你可以指定任意多个选择器,并将匹配到的元素合并到一个结果内· selector1 //一个有效的选择器 selector2 //另一个有效的选择器 selectorN //任意多个有效的选择器...,Malcom John Sinclair]  :empty //概述 //匹配所有包含元素或者文本的空元素 描述 查找所有包含元素或者文本的空元素 HTML代码...,需要同时满足多个条件时使用· selector1 属性选择器 selector2 另一个属性选择器,用以进一步缩小范围 selectorN 任意多个属性选择器 描述 找到所有含有id属性.../从所有匹配的元素中删除全部或者指定的· class 一个或多个要删除的CSS名,请用空格分开 function(index,class) 此函数必须返回一个或多个空格分隔的class名,接受两个参数...· expr //字符串值·包含供匹配当前元素集合的选择器表达式· jQuery objext //现有的jQuery对象·以匹配当前的元素· element //一个用于匹配元素的DOM元素

    7.5K20

    JQuery快速入门

    在使用jQuery时,需要注意jQuery对象和DOM对象的区别,通常对于jQuery对象,会在变量前加$,如var $variable=jQuery对象;。可以通过如下方式对两者进行转化。...通配选择器 *{} 其他选择器选择器选择器、临近选择器和属性选择器 那么相应的jQuery也会提供对应的选择器,并增加部分自定义的选择器用于方便操作,主要包括基本选择器、层次选择器、过滤选择器...、表单选择器等4选择器。...jQuery选择器 示例 基本选择器 #id, .class, element 最基本的id,,元素选择器 * 匹配所有元素, $("*") selector1,selector2,… 将每一个选择器匹配到元素合并后一起返回...选取索引等于/大于/小于index的元素 :header 选取所有标题元素 :animated 选取当前正在执行动画的元素 :contains(text) 选取含有文本内容的为text的元素 :empty 选取包含元素或者文本的空元素

    2.6K100

    21-jQuery基础+选择器

    方式获取所有div标签 var $divs=$("div"); //JS对象转化为Jquery对象,直接在变量名前加$()即可 $(divs) //Jquery对象转化为...标签选择器(元素选择器):获得所有匹配标签名称的选择器 $(“HTML标签名”) ID选择器:获得所有与指定ID值匹配的元素 $(“#ID的属性值”) 选择器:获得所有与指定(class)相同的元素...$(“.class”) 并集选择器:获得多个选择器所选中的元素 $(“选择器1,选择器2,…”) 层级选择器 后代选择器:会选择A标签下所有与B标签相一致的元素(包括辈与孙辈等等) $(“A B...”) 选择器:会选择A标签下所有与B标签相一致的辈元素(不包括辈以外的元素) $(“A > B”) 属性选择器 属性名称选择器:只要包含指定属性名称都会被选择(A是标签名称) $(“A[属性名]”...) 属性选择器:选择所有包含对应属性,且属性值与规定相同的元素 $(“A[属性名=’属性值’]”) 复合属性选择器包含多个属性选择器 $(“A[属性名1=’属性值1’][属性名2=’属性值2’]…

    3.4K40

    第50次文章:JQuery基础

    语法:$("html标签名")获得所有匹配标签名称的元素 id选择器。语法:$("#id的属性值")获得与指定id属性值匹配的元素 选择器。...语法:$(".class的属性值")获得与指定的class属性值匹配的元素 并集选择器。语法:$("选择器1,选择器2...") 获取多个选择器选中的所有元素 (2)层级选择器 后代选择器。...语法:$("A B ")选择A元素内部的所有B元素 选择器。语法:$("A > B")选择A元素内部的所有B元素 (3)属性选择器 属性名称选择器。...语法:$("A[属性名]")包含指定属性的选择器 属性选择器。语法:$("A[属性名='值']")包含指定属性等于指定值的选择器 复合属性选择器。...语法:$("A[属性名='值'][]...")包含多个属性条件的选择器 (4)过滤选择器 首元素选择器。语法::first 获得选择的元素中的第一个元素 尾元素选择器

    1.6K30

    java学习与应用(4.6)--过滤器、监听器、JQuery、AJAX、JSON等

    过滤器链(多个过滤器),资源进入通过的过滤器和返回的顺序相反。使用注解:过滤器执行的先后使用名字符串比较(如AFilter,BFilter等)顺序执行。...使用JQuery获取元素JQuery对象(\$("#id"),\$("tag")等选择器),然后可以转换为js对象,两种对象都可以当做数组使用,方法不通用,但是前者更方便,如拥有将内容修改方法html等...选择器见图: ? ? ? ? ? 后代选择器包括了所有子代,选择器只选择其下一代标签。选择器中标签选择器可以使用!=(不等),^=(前缀匹配),$=(后缀匹配),*=(包含匹配)等运算符。...remove方法移除元素,empty清空所有元素的元素。 其他方法见jquery手册如clone方法。 JQuery的动画 JQuery的动画,遍历方法,事件绑定。动画使用见图片。...事件绑定:jq对象.事件方法(回调函数[去掉on的一群方法,传入回调函数则执行自动触发对应事件])(可以使用链式编程),jq对象.on(绑定事件,传入事件名称和回调函数).off(解绑,传入事件,传入则解绑全部事件

    5.4K10

    前端(四)-jQuery

    选择器 基本选择器的语法:$("选择器").action(); 2.1 基本选择器 名称 语法 说明 标签选择器 element 选取指定标签名的元素 选择器 .class 选取指定名的元素 ID选择器...选取多种元素(里面可以是标签名,名,id名) 全局选择器 * 选取所有元素 2.2 层次选择器 语法 说明 ancestor desscendant 后代选择器 A B partn>child 选择器...属性名称":"属性值","属性名称":"属性值"}) 对多个css属性赋值 2.7 $(this).find("标签名") $(this)就是将这个dom对象转换成jquery对象,就可以对这个对象进行操作...基本操作 3.1 样式操作 方法(已声明好的外部样式名,多个使用空格分割) 说明 addClass("样式名") 添加样式 removeClass("样式名") 移除样式 toggleClass(..."样式名") 切换样式(就是添加和移除结合)可以与hover事件结合 hasClass("样式名") 判断是否包含指定样式 3.2 内容操作 html() text() 方法名 说明 html(

    8.5K30

    Web前端JQuery面试题(一)

    Web前端JQuery面试题 Web前端JQuery面试题(一) 一:选择器 基本选择器 什么是#id,element,.class,*,selector1, selector2, selectorN...:contains :empty :has :parent 匹配包含给定文本的元素 匹配所有包含元素或者文本的空元素 匹配含有选择器所匹配的元素的元素 匹配含有元素或者文本的元素 5.可见性选择器...id="da">] $("div [id='da']") 选择器-元素有哪些?...:first-child 匹配每个父元素下的第一个元素 :last-child 匹配每个父元素下的最后一个元素 :only-child 匹配父元素中只有唯一的元素,如果父元素中有多个子元素,就不会被匹配...匹配所有复选框 :submit 匹配所有提交按钮 :image 匹配所有图像 :reset 匹配所有重置按钮 :button 匹配所有按钮 :file 匹配所有文本域 :hidden 匹配所有不可见元素 选择器表单对象属性有哪些

    2.9K20
    领券