jQuery:如何隐藏div中除2个特定元素之外的所有内容

在jQuery中，可以使用选择器和方法来隐藏除了两个特定元素之外的所有内容。

首先，使用选择器选择要隐藏的元素。可以使用类选择器、ID选择器或其他选择器来选择要隐藏的元素。例如，如果要隐藏除了ID为"element1"和"element2"的元素之外的所有内容，可以使用以下代码：

$("div:not(#element1, #element2)").hide();

上述代码中，$("div:not(#element1, #element2)")选择了除了ID为"element1"和"element2"的div元素之外的所有div元素。然后，使用.hide()方法来隐藏这些元素。

如果要隐藏除了特定类名为"class1"和"class2"的元素之外的所有内容，可以使用以下代码：

$("div:not(.class1, .class2)").hide();

上述代码中，$("div:not(.class1, .class2)")选择了除了类名为"class1"和"class2"的div元素之外的所有div元素。

这样，除了特定的元素之外，其他的内容都会被隐藏起来。

请注意，以上代码中的选择器可以根据实际情况进行修改，以适应不同的HTML结构和要隐藏的元素。

关于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体的云计算品牌商，无法提供相关链接。但是，腾讯云提供了丰富的云计算服务，包括云服务器、云数据库、云存储等，可以根据具体需求选择适合的产品。

相关·内容

2022年11月23日——jQuery——T1(基础选择器与表单选择器)

']" ---- 本博客文章使用者为移动2112班，注意重点内容回顾 jQuery简述为了解决开发过程中的兼容性问题，产生了许多JavaScript库，目前被频繁使用的JavaScript库包括 jQuery...class 属性用于为多个 HTML 元素设置特定样式。注意：不要使用数字开头的 class 属性！在某些浏览器中可能出问题。...选择器功能返回值 first() 或 :first 获取第一个元素单个元素 last() 或 :last 获取最后一个元素单个元素 :not(selector) 获取除给定选择器之外的所有元素...表单选择器最常用示例："input[name='userName']" 语法解析：input就是form表单的输入框，毕竟input肯定是个元素集合，那么，我们使用[]来获取集合中的内容，一般我们表单提交都会添加...> 元素元素集合以上就是jQuery选择器的一些核心内容了，希望对大家有所帮助。

5.6K1 0

jQuery 常用方法

Ajax 交互选择器符号$表示 jQuery 对象，$函数通常也被称为 jQuery 的工厂函数，jQuery 的操作基本上都以$( )开始，所有选择器都放在这个括号中，例如$("#title")将返回一个...选取 ID 为 item 的元素后面的所有兄弟元素过滤选择器，主要是通过特定的过滤规则来筛选出所需的 DOM 元素，过滤规则与 CSS 中的伪类选择器语法相同，即选择器都以一个冒号:开头...选取所有元素中第 1 个元素 :last 单个元素 $("div:last") 选取所有元素中最后 1 个元素 not(selector) 集合元素...(); 切换这个 cls 类 .toggleClass(‘cls’); 筛选元素 .filter(); 向每个匹配元素追加内容 .append(); 把所有匹配元素追加到另一个指定的元素元素集合中 .appendTo....prev(); 之后的所有兄弟元素 .prevAll(); 除本身以外的所有兄弟元素 .siblings(); 返回上一层操作的对象 .end(); 第一个 .first(); 最后一个 .last

2.6K5 0

从零开始学 Web 之 jQuery（二）获取和操作元素的属性

中的 .text() ，如果括号中没有值的话，是获取文本内容；如果有值的话，就是设置文本内容。...2、 $("p") 是获取所有的 p 标签，然后全部设置文本内容，我们并没有循环设置，但是全部的 p 标签的文本内容都改变了，这是 jQuery 内部自动循环了，这就是隐式迭代。...小总结：jQuery中的一些方法 val(); // 获取或设置表单标签中的 value 值。 css(); // 设置元素的 css 样式属性值。...> 1、jQuery中鼠标进入事件是：mouseenter；鼠标离开事件是：mouseleave 2、css 中的 display:none|block 对应的隐藏和显示在...prevAll() $("li").prevAll("li"); 查找上面所有的兄弟节点 siblings(选择器) $("#first").siblings("li"); 查找除自身之外的所有兄弟节点

1.8K4 0

Wijmo 更优美的jQuery UI部件集：发现 Wijmo

jQuery 语法示例： $(this).hide() 隐藏当前元素。 $(“p”).hide() 隐藏所有段落。 $(“p.wow”).hide() 隐藏所有“wow”类型的段落。...通过使用这些选择器，你可以通过属性名称，标签名称，ID标识符，甚至按照内容选择特定的DOM元素或者元素组。...不同类型的选择器列举如下： jQuery 元素选择器在 jQuery 中，你可以使用CSS选择器来选择特定的DOM元素，例如： $(this) 选择当前的DOM元素。...$(“div”) 选择所有的元素。 $(“.super”) 选择所有的“super”类型的元素。 $(“div.super”) 选择所有“super”类型的元素。...jQuery 属性选择器如果你想通过属性选择元素，而不是通过DOM对象，你可以使用XPATH表达式来选择具有特定属性的元素。例如： $(“[href]”) 选择具有href属性的所有元素。

2.7K9 0

jQuery

); 1.1.2 顶级对象$ 可以用jQuery来代替，相当于原生js中的window 1.1.3 jQuery 对象和 DOM 对象用原生 JS 获取来的对象是 DOM 对象 jQuery 方法获取的元素是...’*"’) 匹配所有元素类选择器 $(".class") 获取同一类class的元素标签选择器 $(“div”) 获取同一类标签的所有元素并集选择器 $(“div,p,li”) 选取多个元素交集选择器...内部会遍历dom对象的过程叫做隐式迭代 $('div').hide(); //页面中所有的div都会被隐藏 2.2.3 链式编程 $(this).css('color', 'red').sibling(...div').html());// 123 $('div').html('ljc'); //div中只剩ljc 普通元素文本内容只会获取文本的内容...删除删除元素集合中的子节点 $('ul').empty();//相当于清空ul里的内容通过html来清空 $('ul').html(); 4.4 尺寸，位置操作 4.4.1 jQuery尺寸操作语法

8.4K1 0

jQuery 教程

：除此之外，jQuery 还提供了大量的插件。...”) 属于其父元素的特定类型的唯一子元素的所有元素 $(“div > p”) 元素的直接子元素的所有元素 parent descendant $(“div p”)...$("li:lt(2)") //下标小于 2 的li $("li:not(#runoob)") //挑选除 id="runoob" 以外的所有li :animated 选择动画进行中的所有元素。...") //匹配所有可见元素 :hidden选择所有隐藏的元素，如：$("div:hidden").show(3000)); :visible选择所有隐藏的元素，如： $("div:visible...下面的例子演示如何获得链接中 href 属性的值： <!

17K2 0

与Ajax同样重要的jQuery（1）

input:not(:checked)") :even 选取所有元素中偶数索引的元素，从 0 开始计数 $("tr:even") ----- 选取奇数元素 :odd 选取所有元素中奇数索引的元素，从0...在动画完成时执行的函数 ④：内容过滤选择器内容选择器是对子元素和文本内容的操作 :contains(text) 选取包含text文本内容的元素 $("div:contains...² 设置含有文本内容 ”传智播客” 的 div 的字体颜色为红色 ² 设置没有子元素的div元素文本内容 ”这是一个空DIV“ ² 设置包含p元素的 div 背景色为黄色 ² 设置所有含有子元素的...² 对所有既有id又有class属性div元素，添加一个点击事件，打印div标签中内容 <script type="text/javascript" src=".....","yellow"); // 对所有既有id又有class属性div元素，添加一个点击事件，打印div标签中内容 $("div[id][class]").click(function(){ alert

10K6 0

最常见的 20 个 jQuery 面试问题及答案

网页上有 5 个元素，如何使用 jQuery来选择它们？（答案）　　另一个重要的 jQuery 问题是基于选择器的。...如何在点击一个按钮时使用 jQuery 隐藏一个图片？　　这是一个事件处理问题。jQuery为按钮点击之类的事件提供了很好的支持。你可以通过以下代码去隐藏一个通过ID或class定位到的图片。...你首先需要利用jQuery选择及选取到所有的链接或者一个特定的链接，然后你可以应用attr()方法来获得他们的href属性的值。...网页上有 5 个元素，如何使用 jQuery来选择它们？（答案）　　另一个重要的 jQuery 问题是基于选择器的。...你首先需要利用jQuery选择及选取到所有的链接或者一个特定的链接，然后你可以应用attr()方法来获得他们的href属性的值。

13.8K3 0

杨老师课堂之Jquery的筛选,事件,效果,Ajax,javascript跨域)

•end 结束选取自己的位置，如果不指定，则就是本身的结尾 1.2 查找 children([expr])，取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合。...find(expr|obj|ele)，搜索所有与指定表达式匹配的元素 next([expr])，取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。...事件冒泡可能会引起预料之外的效果,上例中,本来只想触发元素的click事件,然而元素和元素的click事件也同时被触发了.因此有必要对事件的作用范围进行限制.当单击元素时,只触发元素的click...fn]])，通过高度变化（向上减小）来动态地隐藏所有匹配的元素 slideToggle([speed],[easing],[fn]) 通过高度变化来切换所有匹配元素的可见性 •这个动画效果只调整元素的高度...如果需要发送的内容较少时，处理比较方便。但在真实项目中，往往需要处理的数据内容很复杂。 jQuery提供了相应的方法帮助开发者解决这个问题。

8.3K2 0

JavaScript学习笔记（四）—— jQuery入门

简单伪类选择器伪类选择器说明 :not(selector) 选择除了某个选择器之外的所有元素 :first或first() 选择某元素的第一个元素 :last或last() 选择某元素的最后一个元素...选择同元素类型的随后一个子元素 :nth-of-type 选择同元素类型的第n个或奇偶元素,n的值为"整数或odd或even" :only-of-type 匹配父元素中特定类型的唯一子元素(该父元素可以有多个子元素...hidden 内容伪类选择器根据元素中的文字内容或所包含的子元素特征来选择元素选择器说明 :contains(text) 选择包含给定文本内容的元素 :has(selector) 选择包含选择器所匹配元素的元素...操作元素内容和值 jQuery提供了对元素内容和值以及属性进行操作的方法：元素的值元素的唯一属性大部分元素的值都对应value属性元素的内容定义元素起始标签和结束标签之间的内容分为文本内容和...");//设置HTML内容 }); }); 对元素的值进行操作在jQuery中，使用val()方法返回或设置被选元素的value属性。

11.2K5 0

JQuery高级应用

动画三种方式显示和隐藏元素默认显示和隐藏方式 show([speed,[easing],[fn]]) ：显示参数： speed：动画的速度。...jq的遍历方式 jq对象.each(callback) 语法： jquery对象.each(function(index,element){}); index：就是元素在集合中的索引 element：就是集合中的每一个元素对象...this：集合中的每一个元素对象回调函数返回值： true：如果当前function返回为false，则结束循环(break)。... 插件增强JQuery的功能如何定义插件：（看下面两个案例） $.fn.extend(object) 增强通过Jquery获取的对象的功能 $("#id") ?... ---- 版权属于：乐心湖's Blog 本文链接：https://www.xn2001.com/archives/583.html 声明：博客所有文章除特别声明外

5.9K3 0

jQuery Cheat—Sheet（jQuery学习笔记）

jQuery能满足以下需求：取得文档中的元素、修改页面外观、改变文档内容、响应用户的交互操作、为页面添加动态效果、不刷新加载、简化常见的JavaScript任务。 ---- jQuery版本？...: $(this).hide() - 隐藏当前元素 $("p").hide() - 隐藏所有元素 $("p.test").hide() - 隐藏所有 class="test" 的元素...$("#test").hide() - 隐藏所有 id="test" 的元素文档就绪事件所有 jQuery 函数位于一个 document ready 函数中： $(document).ready...- 设置或返回所选元素的内容（包括 HTML 标记） - val() - 设置或返回表单字段的值下面的例子演示如何通过 jQuery text() 和 html() 方法来获得内容： $(“#btn1...- text() - 设置或返回所选元素的文本内容 - html() - 设置或返回所选元素的内容（包括 HTML 标记） - val() - 设置或返回表单字段的值下面的例子演示如何通过 text

16.2K3 0

JQuery最全常用方法指南

andSelf() 将前一个匹配的元素集合添加到当前的集合中取得所有div元素和其中的p元素，添加border类属性。...) $(”td: gl(4)”) 匹配集合中指定位置之前的所有元素(从0开始) $(”: header”) 匹配所有标题 $(”div: animated”) 匹配所有正在运行动画的所有元素内容过滤选择器...selector的所有元素 $(”td: parent”) 匹配所有不为空的元素(含有文本的元素也算) $(”div: hidden”) 匹配所有隐藏的元素，也包括表单的隐藏域 $(”div: visible....innerHTML; 3、如何获取jQuery集合的某一项对于获取的元素集合，获取其中的某一项（通过索引指定）可以使用eq或get(n)方法或者索引号获取，要注意，eq返回的是jquery对象，而...对于jquery对象只能使用jquery的方法，而dom对象只能使用dom的方法，如要获取第三个元素的内容。

11K3 1

jQuery中常用的函数和属性详细解析

solid gray"); 查找所有div的子节点p，添加样式 $("input:radio", document.forms[0]) 在当前页面的第一个表单中查找所有的单选按钮 jQuery为开发插件提拱了两个方法...add( expr ) 把与表达式匹配的元素添加到jQuery对象中。 children( [expr] ) 取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合。...andSelf( ) 将前一个匹配的元素集合添加到当前的集合中取得所有div元素和其中的p元素，添加border类属性。...(从0开始) $(":header") 匹配所有标题 $("div:animated") 匹配所有正在运行动画的所有元素内容过滤选择器 $("div:contains('John')")匹配含有指定文本的所有元素...匹配所有不为空的元素(含有文本的元素也算) $("div:hidden") 匹配所有隐藏的元素，也包括表单的隐藏域 $("div:visible") 匹配所有可见的元素属性过滤选择器 $("div[

2.6K1 0

jQuery学习笔记

jQuery初学者笔记一 Mirror王宇阳 by jQuery语法 jQuery语法是通过选取HTML元素，并对选取的元素进行操作基础语法：所有jQuery语句用“$”符号开始 <!...结束的所有元素 [attribute *= value] 选取属性值包含value的所有元素表单过滤选择器表单属性过滤选择器 jQuery效果隐藏和显示 (hide/show) <!...100% 完成之后执行 jQuery DOM 获取/设置内容 text() 设置/返回所选元素的文本内容[原型：innerhtml] html() 设置/返回所选元素的内容（含HTML标签） val(...删除元素的class加载 empty() 删除被选元素的子元素 jQuery CSS 获取/设置 addClass() 向被选元素添加一个或多个Class类 removerClass() 从被选元素中删除指定的一个或多个...() 返回被选元素与参数之间的所有同级元素遍历过滤 first() 返回被选元素的首个子元素 last() 返回被选元素的最后子元素 eq() 返回被选元素中带有指定索引的元素(可选参数

7.4K3 0

【前端基础篇】JavaScript之jQuery介绍

前言在阅读过程中可以把代码片复制到vscode上去浏览器看实际效果，更易理解喔 JQuery基本介绍和使用方法 W3C 标准给我们提供了⼀系列的函数, 让我们可以操作: ⽹⻚内容⽹⻚结构⽹⻚样式...JQuery库下载到本地, 放在当前项⽬中....JQuery选择器基于已经存在的CSS选择器,除此之外,还有⼀些⾃定义的选择器. jQuery中所有选择器都以开头：()....$(“:input”)所有元素$(“:text”)所有 type=“text” 的元素$(“:checkbox”)所有 type=“checkbox” 的元素 jQuery事件 JS要构建动态⻚.... ** 有参数时,就进⾏元素的值设置没有参数时,就进⾏元素内容的获取代码示例：获取元素内容：你好 <input

651 0

jQuery，和嵌入其中的Ajax

$(this).hide() - 隐藏当前元素 $("p").hide() - 隐藏所有元素 $("p.test").hide() - 隐藏所有的元素 $(..."#test").hide() - 隐藏所有 id="test" 的元素 jQuery 是为事件处理特别设计的。...它基于已经存在的 CSS 选择器，除此之外，它还有一些自定义的选择器。 jQuery中所有选择器都以美元符号开头：$()。元素选择器 jQuery元素选择器基于元素名选取元素。... 下面的例子会把文件 "demo_test.txt" 的内容加载到指定的元素中：实例 $("#div1").load("demo_test.txt"); 也可以把 jQuery 选择器添加到...下面的例子把 "demo_test.txt" 文件中id="p1" 的元素的内容，加载到指定的元素中：实例 $("#div1").load("demo_test.txt#p1"); 可选的

3.1K2 0

jquery面试题目_高并发面试题

网页上有 5 个元素，如何使用 jQuery来选择它们？（答案）另一个重要的 jQuery 问题是基于选择器的。...jQuery 代码：$(“div”)，这样会返回一个包含所有 5 个 div 标签的 jQuery 对象。更详细的解答参见上面链接的文章。...如何在点击一个按钮时使用 jQuery 隐藏一个图片？这是一个事件处理问题。jQuery为按钮点击之类的事件提供了很好的支持。你可以通过以下代码去隐藏一个通过ID或class定位到的图片。...你首先需要利用jQuery选择及选取到所有的链接或者一个特定的链接，然后你可以应用attr()方法来获得他们的href属性的值。...你也还可以看看用来向DOM中添加元素的 appendTo() 方法. 15. 你如何利用jQuery来向一个元素中添加和移除CSS类?

9.4K1 0

前端(四)-jQuery

:last 选取最后一个元素 :not(selector) 选取除selector选择了的元素之外的元素 :even 选取索引是偶数的元素(index从0开始) :odd 选取索引是奇数的元素(index...()方法隐藏 :hidden 选取所有隐藏的元素 show()方法显示 2.5 jQuery选择器注意事项选择器的书写规范很严格，多一个或少一个空格，都会影响选择器的效果； 2.6 $("选择器...context) 给指定元素添加网页内容(会编译标签) js->innerHTML html() 获取指定元素的网页内容 text(context) 给指定元素添加网页内容(不会编译标签)js->innerText...//遍历所有的li元素 //隐式迭代:自动遍历集合中的所有元素 $("li").each(function(index,elm){ alert(index); alert($(elm)...).html()); //$(this)转换为jQuery节点 }); 3.6.5 end() 结束当前链条中的最近的筛选操作，并将匹配元素集还原为之前的状态； //end():结束当前的最后一次筛选,

8.5K3 0

jQuery中的一些事件以及动画

//以下内容是jQuery中的一部分（仅供参考）事件加载Dom两种方式加载事件我们有两种方式，一种就是javascript直接写：window.onload来加载。...还有一种就是我们的jQuery中的加载方式$(function(){}) window.onload方式 window.onload：在整个月面中所有内容加载完成后，才会执行事件。...在jQuery类库的不同版本中效果可能不太一样(1.0、2.0、3.0),和浏览器也有关系案例1：测试两种方式的区别【个数+顺序】区别1：顺序，上面我们已经测试了，理论上先执行jQuery方式...因为p是在div中，属于div的一部分。...之外的地方只会执行body的点击事件，点击p之外，div之内的位置，就会执行到div和body的两个事件，如果点击了p的内容，就是执行到 p、div、body三个事件。

2.1K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云