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

强制jQuery将div与两个类标记匹配,而不只是一个

强制jQuery将div与两个类标记匹配,而不只是一个类,可以使用以下方法:

  1. 使用.addBack()方法:
代码语言:javascript
复制
$('div.class1').siblings('.class2').addBack('.class1').addClass('matched');

这个方法会先选取具有class1的div元素,然后选取它的同级元素中具有class2的元素,接着使用.addBack()方法将具有class1的div元素加回到选取的元素集合中,最后将匹配到的元素添加上matched类。

  1. 使用.filter()方法:
代码语言:javascript
复制
$('div.class1, div.class2').filter(function() {
  return $(this).hasClass('class1') || $(this).hasClass('class2');
}).addClass('matched');

这个方法会先选取具有class1class2的div元素,然后使用.filter()方法过滤出同时具有class1class2的元素,最后将匹配到的元素添加上matched类。

这两种方法都可以实现强制jQuery将div与两个类标记匹配的目的。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

jquery选择器用法_jQuery属性选择器

使用公式:(“element”) 示例:(“div”) //获取所有div元素 3.名选择器 选择器是通过元素拥有的CSS的名称查找匹配的...在一个页面中,一个元素可以有多个CSS一个CSS又可以匹配多个元素,如果有元素中有一个匹配的名称就可以被选择器选取到。...(可以是ID选择器、元素选择器或是名选择器)组合在一起,两个选择器之间以逗号”,”分隔,只要符合其中的任何一个筛选条件就会被匹配,返回的是一个集合形式的jQuery包装集,利用jQuery索引器可以取得集合中的...示例:(“div+img”) //匹配标签后的标记 4. prev~siblings选择器 prev~siblings选择器用于匹配...,它是选择器结合使用的 示例:(“tr:first”) //匹配表格的第一行 :last 说明:匹配找到的最后一个元素

12.2K30

【领会要领】web前端-轻量级框架应用(jQuery基础)

jQuery框架,简介,优势,安装,语法,jQuery选择器,id选择器,选择器,标记选择器,属性选择器,位置选择器,后代选择器,子代选择器,选择器对象,选择器对象遍历,页面初始化,jQuery的dom...id选择器 $("#id") 根据给定的id匹配一个元素 选择器 $(".class") 根据给定的匹配元素 标记选择器 $("element") 根据给定元素名匹配所有元素 属性选择器 $..."div:first") 匹配所有div中第一个div元素 后代选择器 $("ancestor descendant") 匹配给定的祖先元素的所有后代元素 $("#ul li") 匹配 id 为null...appendTo() 所有匹配的元素追加到另一个指定的元素集合中 注意:$(A).append(B)的操作,不是B追加到A中,而是A追加到B中 prepend() 向每个匹配的元素内部前置内容...prependTo() 所有匹配的元素前置到另一个指定的元素集合中。

2.1K20
  • 04-老马jQuery教程-DOM节点操作及位置和大小

    fn(index,html):返回一个HTML字符串,用于追加到每一个匹配元素的里边。接受两个参数,index参数为对象在这个集合中的索引值,html参数为这个对象原先的html值。...这于 .wrap()是不同的,.wrap()为每一个匹配的元素都包裹一次。这种包装对于在文档中插入额外的结构化标记最有用,而且它不会破坏原始文档的语义品质。...(htm|element|fnl)方法 概述 一个匹配的元素的子内容(包括文本节点)用一个HTML结构包裹起来 这个函数的原理是检查提供的第一个元素(它是由所提供的HTML标记代码动态生成的),并在它的代码结构中找到最上层的祖先元素...方法:replaceWith(content),用于匹配元素替换掉的内容。...函数接受两个参数,第一个参数是元素在原先集合中的索引位置,第二个参数为原先的高度。

    2.2K90

    jQuery中常用的函数方法总结

    代码: 作用:一组元素转换成其他数组(不论是否是元素数组)你可以用这个函数来建立一个列表,不论是值、属性还是CSS样式,或者其他特别形式。... jQuery 代码: $("p").find("span") 结果: [ Hello ] 作用:搜索所有指定表达式匹配的元素。...通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性,则返回 undefined 。在控制HTML标记上是必备的工具。... 作用:把所有匹配的元素用其他元素的结构化标记包裹起来。 这种包装对于在文档中插入额外的结构化标记最有用,而且它不会破坏原始文档的语义品质。 可以灵活的修改我们的DOM。...First 作用:数组对象转换为数组对象。

    2.2K40

    【一起来烧脑】读懂JQuery知识体系

    ).mouseover(function) 触发或函数绑定到被选元素的鼠标悬停事件 jQuery 隐藏/显示 hide()和show()方法来隐藏和显示HTML元素 $("#hide").click...获取和jQuery 设置 text()--设置或返回所选元素的文本内容 html()--设置或返回元素的内容(包括HTML标记) val()--设置或返回表单字段的值 jQuery 添加元素 append...image.png jQuery CSS addClass()--向被选元素添加一个或多个 removeClass()--从被选元素删除一个或多个 toggleClass()--对被选元素进行添加...过滤 first() 返回被选元素的首个元素 last() 回被选元素的最后一个元素 eq() 返回被选元素中带有指定索引号的元素 索引号从0开始,因此首个元素的索引号是0不是1 Filter...()方法 Not()方法 不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回 Not()方法返回不匹配标准的所有元素 jQuery AJAX AJAX是服务器交换数据的技术 在不重载全部页面的情况下

    2.6K30

    04-老马jQuery教程-DOM节点操作及位置和大小

    p>").appendTo("body"); // 两次参数的情况 $("", { "class": "test", // 设置样式 text: "Click...fn(index,html):返回一个HTML字符串,用于追加到每一个匹配元素的里边。接受两个参数,index参数为对象在这个集合中的索引值,html参数为这个对象原先的html值。...这于 .wrap()是不同的,.wrap()为每一个匹配的元素都包裹一次。这种包装对于在文档中插入额外的结构化标记最有用,而且它不会破坏原始文档的语义品质。...(htm|element|fnl)方法 概述 一个匹配的元素的子内容(包括文本节点)用一个HTML结构包裹起来 这个函数的原理是检查提供的第一个元素(它是由所提供的HTML标记代码动态生成的),并在它的代码结构中找到最上层的祖先元素...方法:replaceWith(content),用于匹配元素替换掉的内容。

    6.1K00

    JQuery干货篇之操控DOM

    ,但是他们的参数就不同了,append是指定的参数插入到当前调用它的的结果集中,appendTo是当前调用它的结果集插入到指定的参数中,主要的形式有appendTo(jquery),append(... .prependTo() 正好相反,将要被插入的内容写在方法的前面,可以是选择器表达式或动态创建的标记,待插入内容的容器作为参数。...return $("").css("border",'thick double blue'); }) unwrap 匹配元素集合的父级元素删除,保留自身(和兄弟元素,如果存在)...$("img").wrapAll(div); //这里的img没有共同的父元素,那么就会强制所有的元素拉在一起为他们设置一个父级元素 wrapInner 在匹配元素里的内容外包一层结构,也就是为匹配元素的后代元素添加一个父级元素...(div); //这里的dcell元素将会变成祖先元素,div将会变成内部后代元素新的父级元素 replaceWith 用提供的内容替换集合中所有匹配的元素并且返回被删除元素的集合,形式为replace

    97410

    求职 | 史上最全的web前端面试题汇总及答案2

    (2)结尾处加空div标签clear:both。 (3)父级div定义伪:after和zoom。 (4)父级div定义overflow:hidden。...相同点:都是判定两个值是否相等 不同点:==不会判断类型,===会判断类型 5、如何判断一个变量的值是否为数字?以及有哪些手段判断变量值的数据类型?...10、String.matchRegExp.exec有何区别? match只会返回没有分组的全部匹配结果或者有分组的第一次匹配结果; exec可以利用循环返回全部匹配结果。...11、为验证手机号写一个正则。 12、正则的i标记g标记各有何用途? i:不区分大小写; g:全局匹配。 13、为String添加trim()方法。...④闭包、控制台日志、循环(在两个对象彼此引用且彼此保留时,就会产生一个循环) 5、线程进程的区别 ①一个程序至少有一个进程,一个进程至少有一个线程。

    6.1K20

    JQuery笔记

    它可以取以下值:"slow"、"fast" 或毫秒 fadeTo() 方法中必需的 opacity 参数淡入淡出效果设置为给定的不透明度(值介于 0 1 之间) 可选的 callback 参数是该函数完成后所执行的函数名称...默认是 false JQuery HTML 捕获 text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记) val() - 设置或返回表单字段的值...addClass() - 向被选元素添加一个或多个 removeClass() - 从被选元素删除一个或多个 toggleClass() - 对被选元素进行添加/删除的切换操作 css() - 设置或返回样式属性...) 方法返回被选元素的下一个同胞元素 nextAll() 方法返回被选元素的所有跟随的同胞元素 nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素 过滤 first() 方法返回被选元素的首个元素...不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回 not() 方法返回不匹配标准的所有元素 AJAX load方法 load() 方法从服务器加载数据,并把返回的数据放入被选元素中 语法

    6.1K20

    DMO节点内部插入的常用方法区别

    这里就涉及到一个位置关系,常见的就是把这个新创建的元素,当作页面某一个元素的子元素放到其内部。针对这样的处理,jQuery就定义2个操作的方法。...选择器 描述 append() 向每个匹配的元素内部追加内容或追加子节点 appendTo() 把所有匹配的元素追加到另一个指定的元素集合中 append:这个操作对指定的元素执行原生的appendChild...或创建作为标记上的标记 //它都将被插入到目标容器的末尾。...的使用及区别: .prepend()方法指定元素插入到匹配元素里面作为它的第一个子元素 (如果要作为最后一个子元素插入用.append()). .prepend()和.prependTo()实现同样的功能...()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中

    1.2K00

    jQuery的基本操作

    >,DIV2] .class   .class //一个用于搜索的,一个元素可以有多个,只要有一个符合就能被匹配到· 描述: 查找所有是“...DOM元素或window对象,如果试图删除该属性,浏览器可能会产生错误,jQuery第一次分配undefined值的属性,忽略了浏览器生成的任何错误· name 属性名称 properties.../从所有匹配的元素中删除全部或者指定的· class 一个或多个要删除的CSS名,请用空格分开 function(index,class) 此函数必须返回一个或多个空格分隔的class名,接受两个参数...参数class描述 删除匹配元素的所有 jQuery代码 $("p").removeClass(); 回调函数描述: 删除最后一个元素上前面重复的class jQuery代码 $("li:last...参数class描述 删除匹配元素的所有 jQuery代码 $("p").removeClass(); 回调函数的描述 删除最后一个元素上前面重复的class jQuery代码 $("

    7.5K20

    JQuery选择器(中)

    HTML5学堂:在学习JQuery开发的时候,选择器有多种,而我们接着介绍选择器的其他类型,希望对大家有帮助!...,搜索所有单选按钮 $("div",xml.responseXML):查询指定XML文档中的所有div元素 选择器来源可以是:作为上下文的DOM元素,文档或jQuery对象 还有两个:$.extend(...prop)和$.noConflict()是和插件以及和其他库兼容的使用,以后再写 jQuery的其他的core部分: eq(数字):匹配的元素集合缩减为一个元素。...这个元素在匹配元素集合中的位置变为0,集合长度变成1 gt(数字):匹配的元素集合缩减为给定位置之后的所有元素 lt(数字):匹配的元素集合缩减为给定位置之前的所有元素 上面三个的例子: $("div...size():当前匹配的元素数量 each():以每一个匹配的元素作为上下文来执行一个函数。

    2K90

    jQuery基础图文系列

    jQuery选择器匹配的元素 .add() 元素添加到匹配元素的集合中 .addSelf() 把堆栈中之前的元素添加到当前集合中 .children() 获取匹配元素集合中每个元素的所有子元素 .closest...find() 获取当前匹配元素集合中的每个元素的后代,由选择器进行筛选 .first() 匹配元素集合缩减为集合中的 第一个元素 .has() 匹配元素集合缩减为包含特定元素的后代的集合 .is()...是否存在一个匹配元素 .last() 匹配元素集合缩减为集合中的最后一个元素 .map() 把当前匹配集合中的每个元素传递给函数 .next() 获取下一个元素 .nextAll() 获得匹配元素集合中每个元素之后的所有同辈元素....siblings() 获得匹配元素集合中所有元素的同辈元素 .slice() 匹配元素集合缩减为指定范围的子集 addClass() 向匹配的元素添加指定的名 after() 在匹配的元素之后插入内容...() 把所有匹配的元素用指定的内容或元素包裹起来 wrapinner() 一个匹配的元素的子内容用指定的内容或元素包裹起来 jQuery hide() 和 show()隐藏和显示 HTML 元素

    4.5K10

    jQuery

    ']") //多属性选过滤,同时满足两个属性的条件的元素 3.5状态过滤选择器 $("input:enabled") // 匹配可用的 input $("input:disabled") //...() - 向被选元素添加一个或多个css removeClass() - 从被选元素删除一个或多个css toggleClass() - 对被选元素进行添加/删除的切换操作 css() - 设置或返回样式属性...parents() - 返回被选元素的所有祖先元素 parentsUntil() - 返回介于两个给定元素之间的所有祖先元素,$("span").parentsUntil("div"); 向下遍历 DOM...DOM 树进行水平遍历: siblings() - 所有同胞元素 next() - 下一个同胞元素 nextAll() - 所有跟随的同胞元素 nextUntil() - 两个参数之间的所有同胞元素...,返回带有名 "url" 的所有 元素:$("p").filter(".url"); not()  - 选取不匹配的元素

    4.6K10

    一个小时学会jQuery

    jQuery3修复了大量的bug,增加了新的方法,同时移除了一些接口,并修改了少量接口的行为,不1和2是不同的API。 更轻更快:2.0版本文件1.9.1相比小了12%。...2.5、DOM对象jQuery对象区别 DOM对象只能调用DOM方法、属性事件; jQuery对象只能调用jQuery方法、属性事件; 可以DOM转换成jQuery对象,也可以jQuery转换成...选择器 描述 返回 示例 #id 根据给定的id匹配一个元素 单个元素 $("#test")选取id为test的元素 .class 根据给定的匹配元素 集合元素 $(".test")选取所有class...一个选择器匹配到的元素合并后一起返回 集合元素 $("div,span,p.cls")选取所有,和拥有class为cls的标签的一组元素 * 匹配所有元素 集合元素 $(...jQuery方法CSS相同,指定需要操作的标签名即可操控所有的标签。

    18.5K71

    ASP.NET MVC 5 - 验证编辑方法(Edit method)和编辑视图(Edit view)

    如果禁用JavaScript,则不会有客户端验证,但服务器检测回传的值是无效的,而且重新显示表单中的值错误消息。在本教程的后面,我们验证更详细的审查。...作为一个临时解决办法,如果您不能验证当前的区域设置,可以强制你的计算机使用US English,或者你可以在浏览器中禁用JavaScript。...追加一个查询字符串,URL如 ?searchString=ghost。筛选的影片会被显示。 ? 如果你改变了Index方法签名参数名为id的,这个id参数匹配{ id }的占位符。...在这种情况下,函数调用匹配的HttpPost Index方法,的HttpPost Index方法运行的如下面的图片所示。...尝试搜索流派,电影名称,并同时选择这两个条件。 ? 在本节中,您创建了一个搜索的方法和视图,使用它,用户可以通过电影标题和流派来搜索。

    6.7K110

    Python 之Web编程

    如:h1-6;p;dt   3、li内可以包含div   4、块级元素块级元素并列、内联元素内联元素并列 属性选择器 1 E[att] 匹配所有具有att属性的E元素,不考虑它的值...->Not a Number,是number的一种类型 2 3 函数parseFloat: 强制转换成浮点数 parseFloat("6.12")=6.12 4 5 函数eval: 字符串强制转换为表达式并返回结果...===== 1 1.如果==两边都是字符串类型,那么必须这两个字符串完全相同才会返回true 2 2.如果==两边的两个变量指向了同一个对象,那么也返回true 3 3.如果==两边是一个字符串类型...5 5.如果==两边其中一个是String或Number类型,另外一个是object类型,那么判断相等之前会先将Object转换为String或Number类型后在另外一个值比较。...1 总结: 2 1.switch用来根据一个整型值进行多路分支,并且编译器可以对多路分支进行优化 3 2.switch case只将表达式计算一次,然后表达式的值每个case的值比较

    2.5K22

    jQuery学习---核心函数和静态方法

    1. jQuery核心函数 1.1 jQuery([selector,[context]]) jQuery([selector,[context]]) 接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组元素...· html:用于动态创建 DOM 元素的HTML标记字符串 · ownerDocument:创建 DOM 元素所在的文档 1$("Hello · 多选参数").appendTo...("body"); //动态创建一个 div 元素(以及其中的所有内容),并将它追加到 body 元素中 1.3 jQuery(callback) 允许你绑定一个在 DOM 文档载入完成后执行的函数。...1var tDiv = $(“#divTmp”) //使用JQ获取元素后,就是JQuery对象了 3. jQuery静态方法 3.1 静态方法 · 静态方法对应的是对象方法,对象方法用实例对象调用,静态方法用名调用...3}); 3.4 jQuery.map(arr|obj,callback) 一个数组中的元素转换到另一个数组中。 · array: 待转换数组。

    1.1K30
    领券