jquery 匹配可见/不可见元素

最新推荐文章于 2022-04-14 15:01:16 发布

吃货的自我修养

最新推荐文章于 2022-04-14 15:01:16 发布

阅读量413

点赞数

分类专栏： JQuery 前端

本文链接：https://blog.csdn.net/CSDNLYFc/article/details/105716682

版权

前端同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

JQuery

1 篇文章 0 订阅

订阅专栏

样例：

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
 <body>
  <div>
<span style="display:none;" id="span1">1</span>
<span id="span2">2</span>
</div>
 </body>
</html>

匹配可见元素

$("div").find("span:visible").attr("id")

匹配结果为：span2

匹配不可见元素

$("div").find("span:hidden").attr("id")

匹配结果为：span1

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

吃货的自我修养

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

初学jquery在find上遇到的问题

点风

12-23

534

今天想给自己的网站品牌童装批发网http://www.61pf.net 加一个新闻版面,而且几个栏目是可以切换的,就从别的网站上找了一串代码来照葫芦画瓢,抄了下来,但是弄了很久都搞不定调用的代码是这样的tab("#tab_2","li","#neirong",".myrcwwmb1qzzx4","mouseover");这个函数调用的内容是function tab(tab,tab_tag,tag_con_box,tag_con,act){ /* * tab 需要切换标签的ID * tab 需要切换

jQuery可见性过滤器：hidden和：visibility用法实例

10-24

`:hidden`选择器常用于执行那些只需要在隐藏元素上进行的操作，而`:visible`选择器则广泛应用于需要对可见元素进行遍历或事件处理的场景。总结而言，jQuery的可见性过滤器：hidden和：visibility是处理网页元素...

参与评论您还未登录，请先登录后发表或查看评论

jQuery判断一个元素是否可见的方法

10-24

主要介绍了jQuery判断一个元素是否可见的方法,涉及jQuery链式操作及样式判定的技巧,需要的朋友可以参考下

jquery 可见元素

weixin_33943836的博客

05-24

$("input[name=check_all]").click(function () { $(":checkbox[name=download_filename]:visible").attr("checked", $(this).attr("checked")) })

jquery可见性选择器（匹配匹配所有显示的元素）

weixin_33670786的博客

09-06

1002

<!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> &am

JQuery选择器中的可见性筛选

LHJBK的博客

05-30

1596

元素有显示状态与隐藏状态，jQuery根据元素的状态扩展了可见性筛选选择器:visible与:hidden 下面用表格大致了解一下，就两个选择器：这2个选择器都是 jQuery 延伸出来的，看起来比较简单，但是元素可见性依赖于适用的样式 :hidden选择器，不仅仅包含样式是display=”none”的元素，还包括隐藏表单、visibility等等隐藏一个元素的几种方式：1.CSS displa

jQuery可见性过滤选择器用法示例

10-21

在示例中，当点击`#btn_hidden`按钮时，会弹出一个警告框显示不可见元素的数量，同时将所有隐藏的`div`元素展示出来并改变其背景色。 2. `:visible` 选择器：与`:hidden`相反，`:visible`选择器选取的是所有当前...

jQuery中可见性过滤器简单用法示例

12-09

在jQuery库中，可见性过滤器是用于筛选DOM树中基于元素是否可见的特定部分的工具。这些过滤器，`:visible` 和 `:hidden`，是jQuery选择器的一部分，允许开发者方便地操作显示或隐藏的元素。下面我们将深入探讨这两个...

掌握jQuery选择器：可见性、不可见元素及属性筛选

`:hidden`选择器是用于匹配所有不可见的元素，这包括那些通过CSS样式设置为`display: none`、`visibility: hidden`或者其type属性为"hidden"的input元素。例如，在以下HTML代码中： ```html ;"><td>Value 1</td>...

Jquery让按钮（控件）不可见或者不可用

热门推荐

LoveSummer

05-27

1万+

老是将这两个搞混所以来总结下： $('.selector').attr("disabled", false);// 让控件不可用属性 $('.selector').attr("disabled", true);// 让控件可用属性 $('.selector').css({ "display": "none" });// 让控件不可见 css $...

使用.val().和attr()的时候显示不正常问题

lip86的专栏

12-01

1025

今天遇到一个问题，在用attr()和val()的时候显示不正常，上网找了下资料，现总结如下： 1、下面是关于jQuery1.6和1.6.1中Attributes模块变化的描述，以及.attr()方法和.prop()方法的首选使用： Attributes模块的变化是移除了attributes和properties之间模棱两可的东西，但是在jQuery社区中引起了一些混乱，因为在1.6之前的

jquery可见，不可见，过滤器选择器，hidden，visible，val show。hide

boss_way的博客

11-01

9616

1.1．可见性过滤选择器可见性过滤选择器它匹配display:none或表单中input hidden这样的元素. :Hidden：匹配所有不可见元素，或者type为hidden的元素 :Visible：匹配所有的可见元素 :Val（）：获得匹配元素的当前值。Vallue的值 :Show（）；显示隐藏的匹配元素。 :Hide（）；隐藏所有的元素。实例： $(functi

js、jQuery之控制元素的可见性

码农的田园

01-19

6385

用JavaScript隐藏控件的方法有两种，分别是通过设置控件的style的“display”和“visibility”属性。 Object.style.visibility=visible|hidden|collapse Object.style.display=none|block|inline 当style.display="block"或style.visibility="visib

jQuery 切换元素可见状态的方法

weixin_39612961的博客

07-01

2284

点击按钮“Toggle”，实现文本的显示和隐藏1.toggle() 方法切换元素的可见状态如果被选元素可见，则隐藏这些元素，如果被选元素隐藏，则显示这些元素<button class="btn1">Toggle</button> <p>This is a paragraph.</p> $(".btn1").click(function(){ $(...

jquery 判断元素可见性

weixin_34356310的博客

07-10

331

$(".more_list").is(":visible") $(".more_list").is(":hidden")

jquery可见性过滤器

实践求真知

04-12

2319

一介绍元素的可见状态有两种，分别是隐藏状态和显示状态。可见性过滤器就是利用元素的可见状态匹配元素的。因此，可见性过滤器也有两种，一种是匹配所有可见元素的:visible过滤器，另一种是匹配所有不可见元素的:hidden过滤器。在应用:hidden过滤器时，display属性是none以及input元素的type属性为hidden的元素都会被匹配到。二应用获取页面上隐藏

jQuery获取可见元素的ID

04-28

323

jQuery代码片断获取可视元素的ID。使用可见的选择，以获得可见的元素。 :visible 使用不选择让不可见的元素。 :not(:visible) 例如，为了获得当前正在查看表单的ID。 var $visibleForm = $('form:visible'), formId = $visibleForm.attr('id'); console.log(formId);...

【JQuery选择器】读取隐藏/显示的div，jq读取隐藏标签,js读取隐藏/显示元素，jq选择器读取不可见和可见元素

小廖的博客

04-14

2748

jquery 选择器读取隐藏的div，不需要全部读取遍历得到例如 html读取隐藏的第一个A内容的li标签 <ul class="layui-tab-title" id="tab_title"> <li id="A" style="display: none;" >A<span hidden>0</span></li> <li id="B">B<span hidden>0</span><

jquery 匹配 可见/不可见 元素

jquery 匹配可见/不可见元素