前端学习笔记-jquery-11-（过滤选择器）过滤器：可见性过滤器

最新推荐文章于 2022-05-27 22:10:43 发布
最新推荐文章于 2022-05-27 22:10:43 发布
阅读量206 收藏
点赞数
分类专栏： 前端 jquery 文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin0605/article/details/79018045
版权

$(":visible")//选择所有显示的元素
$(":hidden")//选择所有隐藏的元素

:hidden选择器，不仅仅包含样式是display=”none”的元素，还包括隐藏表单、visibility等等

我们有几种方式可以隐藏一个元素：
CSS display的值是none。
type=”hidden”的表单元素。
宽度和高度都显式设置为0。
一个祖先元素是隐藏的，该元素是不会在页面上显示
CSS visibility的值是hidden
CSS opacity的指是0
如果元素中占据文档中一定的空间,元素被认为是可见的。
可见元素的宽度或高度，是大于零。
元素的visibility: hidden 或 opacity: 0被认为是可见的，因为他们仍然占用空间布局

weixin0605
关注
专栏目录
JQuery学习笔记 选择器 --- 过滤选择器
uncle-panda
09-13 278
过滤选择器 过滤选择器主要是通过特定的过滤规则来筛选出所需的DOM元素，过滤规则与CSS中的选择器语法相同，即选择器器都睡以冒号开头。 过滤选择器可以分为： 基本过滤 内容过滤 可见性过滤 属性过滤 子元素过滤 表单对象属性过滤   1、基本过滤选择器 :first---选取第一个元素---返回单个元素---$("div:first")选取所有<div>元素中的...
jQuery学习笔记之jQuery选择器的使用
12-08
本文将深入探讨jQuery选择器的使用，包括基本选择器、层次选择器、过滤选择器、内容过滤、可见性过滤、属性过滤、子元素过滤选择器以及表单属性过滤。 一、基本选择器 1. #id：通过ID选择元素，如`$("#id1")`会选取...
锋利的jQuery学习笔记-write less do more-内容、可见性过滤选择器
FightingITPanda的博客
05-15 165
1.内容过滤选择器 <!--页面格式--> <head> <script src = "jquery.js"></script> <script src = "test.js"></script> <style>
jQuery学习笔记--选择器、过滤器片
tomcat_qz的专栏
05-26 377
选择器 根据ID选择 $('#id').css('color','red'); 根据标签选择 $('div').css('color','red'); 根据class选择 $('.class-div').css('color','red'); 通配符选择 $('*').css('color','red'); 后代选择 $('div p').css('color','red'); //等价于 $('d
jQuery 学习笔记------jQuery选择器
Inkheart的专栏
01-07 598
学生时代一直在csdn上看大神们各种帖子，学习了不少内容，如今刚刚踏入工作，发现学校所学习的只是一个开始，于是在工作需要的情况下自己开始学习jQuery，今天自己发篇博文来记录自己的收获~也希望对其他朋友有所帮助~ 总：jQuery选择器分为4大类： 1.基本选择器  2.层次选择器  3.过滤选择器  4.表单选择器 一.基本选择器 学过css样式的朋友学习起来比较轻松，因为jQuery
前端学习笔记--jQuery--基础知识--样式篇
chiweiya9693的博客
01-12 123
[转]来自于慕课网学习整理。 一、样式篇 1.搭建环境： 进入官方网站获取最新的版本http://jquery.com/download/ ，这里需要注意 jQuery 分 2 个系列版本1.x与2.x，主要的区别在于 2.x 不再兼容 IE6、7、8浏览器，这样做的目的是...
JavaScript学习笔记8-jQuery内容过滤选择器、可见性过滤选择器深度解析
hellochenlu的博客
09-13 372
内容过滤选择器 New Document $(function() { $("#button1").click(function() { $("div:contains('test')").css("background", "red"); }); $("#button2").click(functio
JQuery学习笔记之过滤性选择器
Code_Thinking的专栏
10-25 685
过滤选择器根据某个过滤规则进行元素的匹配,书写时yi
Query学习笔记（2）- jQuery选择器
Leve_o的博客
08-30 294
JQuery学习笔记（2）- jQuery选择器1.基础选择器2.层级选择器 1.基础选择器 选择器 名称 描述 返回 示例 #id id选择器 根据给定的id匹配一个元素 单个元素 $("#box"); 选取id为box的元素 .class 类选择器 根据给定的类名匹配元素 集合元素 $(".box");选取所有类名为box的元素 element 元素选择器 根据给定...
JavaScript学习笔记8-jQuery基本过滤选择器深度解析
hellochenlu的博客
09-12 513
过滤选择器 （filter） –基本过滤 –内容过滤 –可见性过滤 –属性过滤 –子元素过滤 –表单对象属性过滤 基本过滤选择器 New Document $(document).ready(function() { $("#button1").click(function() {
Jquery学习笔记分享
最新发布
11-24
6. **可见性过滤选择器**：`:hidden`和`:visible`用于选取隐藏或显示的元素。 7. **属性过滤选择器**：例如`[attribute=value]`用于选取具有指定属性和值的元素。 8. **子元素过滤选择器**：`:nth-child(n)`选取第...
Jquery学习笔记分享：优势应用及选择器详解
我们介绍了基本选择器、层次选择器、过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器和表单选择器等不同类型的选择器，展示了它们的用法和示例。...
jQuery学习笔记：对象转换与高级选择器详解
在jQuery学习笔记中，我们深入探讨了jQuery对象与DOM对象之间的转换以及丰富的选择器和过滤功能。jQuery对象本质上是一个数组，通过`$("#id")`获取到的元素集合可以通过`$aa[0]`或`$aa.get(0)`的方式访问单个元素。...
学习笔记-uni-app
weixin0605的博客
05-27 765
环境准备 安装HBuilderX 安装插件 内置浏览器 内置终端 app真机运行 prettier scss/sass编译 项目搭建 div h1标签都是web标签，无法自动转化未小程序，app 必须使用官方兼容性标签 view text 标签 view text navigator 页面跳转 url button button <button type="default" @click="goDetail">详情页</button> methods: {
学习笔记-H5流媒体
weixin0605的博客
05-27 584
ffmpeg sudo apt-get upgrade ` ffmpeg -i xxx.mp3 xxx.ogg 音频转码 ` ffmpeg -i xxx.mp4 xxx.ogv 视频转码 播放声音 <audio controls src="xxx.mp3"></audio> <audio controls> <soruce src="xxx.mp3"> <soruce src="xxx.ogg"> </audio&
学习笔记-javascript基础语法
weixin0605的博客
11-28 542
js简单使用 <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=GBK"> <title>Javascript语法</title> </head> <body> <!-- js和html相结合的方式： 1，将javascript代
前端学习笔记-jquery-7-群组选择器
weixin0605的博客
01-06 519
/* css代码 */ /* div{ color:red; } p{ color:red; } span{ color:red; } */ div,p,span{ color:red; } $(function(){ //jquery模拟css $('div,p,span').css("color", "blue"); });
前端学习笔记-jquery-10-（过滤选择器）过滤器：内容过滤器
weixin0605的博客
01-09 360
$(":contains(text)")//选择所有包含指定文本的元素 $(":parent")//选择所有含有子元素或者文本的元素 $(":empty")//选择所有没有子元素（包含文本节点） $(":has(selector)")//选择元素中至少包含指定选择器的元素 :contains与:has都有查找的意思，但是contains查找包含“指定文本”的元素，has查找包含“指定元素”
前端学习笔记-jquery-16-this选择器
weixin0605的博客
01-09 328
this是JavaScript中的关键字，指的是当前的上下文对象，简单的说就是方法/属性的所有者 var imooc = { name:"慕课网", getName:function(){ //this,就是imooc对象 return this.name; } } imooc.getName(); //慕课网 当然在JavaScri
前端学习笔记：jQuery选择器详解
"这篇学习日志主要介绍了前端开发中常用的jQuery库，特别是其选择器功能。作者通过示例代码展示了jQuery的基本选择器、派生选择器的使用方法，包括标签选择器、类选择器、ID选择器、群组选择器，以及后代选择器、子...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值