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

最新推荐文章于 2024-11-22 22:29:48 发布
原创 最新推荐文章于 2024-11-22 22:29:48 发布 · 256 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jquery

本文介绍在前端开发中如何使用CSS与jQuery选择器来定位页面上可见或隐藏的元素，包括不同类型隐藏方法的选择与判断。

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

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

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

jQuery学习笔记之jQuery选择器的使用
12-08
本文将深入探讨jQuery选择器的使用，包括基本选择器、层次选择器、过滤选择器、内容过滤、可见性过滤、属性过滤、子元素过滤选择器以及表单属性过滤。 一、基本选择器 1. #id：通过ID选择元素，如`$("#id1")`会选取...
锋利的jQuery学习笔记-write less do more-内容、可见性过滤选择器
FightingITPanda的博客
05-15 199
1.内容过滤选择器 <!--页面格式--> <head> <script src = "jquery.js"></script> <script src = "test.js"></script> <style>
jQuery学习笔记--选择器、过滤器片
tomcat_qz的专栏
05-26 414
选择器 根据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 645
学生时代一直在csdn上看大神们各种帖子，学习了不少内容，如今刚刚踏入工作，发现学校所学习的只是一个开始，于是在工作需要的情况下自己开始学习jQuery，今天自己发篇博文来记录自己的收获~也希望对其他朋友有所帮助~ 总：jQuery选择器分为4大类： 1.基本选择器  2.层次选择器  3.过滤选择器  4.表单选择器 一.基本选择器 学过css样式的朋友学习起来比较轻松，因为jQuery
JQuery学习笔记 选择器 --- 过滤选择器
uncle-panda
09-13 356
过滤选择器 过滤选择器主要是通过特定的过滤规则来筛选出所需的DOM元素，过滤规则与CSS中的选择器语法相同，即选择器器都睡以冒号开头。 过滤选择器可以分为： 基本过滤 内容过滤 可见性过滤 属性过滤 子元素过滤 表单对象属性过滤   1、基本过滤选择器 :first---选取第一个元素---返回单个元素---$("div:first")选取所有<div>元素中的...
前端：jQuery （学习笔记）【1】
最新发布
2301_81819439的博客
11-22 1590
jQuery定义和特点；jQuery的写法和标签对象；jQuer与JavaScript的隔行换色；jQuery的选择器【基本，层次，过滤（基本，内容，可见性，属性，子元素，表单对象属性），表单】
前端学习笔记--jQuery--基础知识--样式篇
chiweiya9693的博客
01-12 174
[转]来自于慕课网学习整理。 一、样式篇 1.搭建环境： 进入官方网站获取最新的版本http://jquery.com/download/ ，这里需要注意 jQuery 分 2 个系列版本1.x与2.x，主要的区别在于 2.x 不再兼容 IE6、7、8浏览器，这样做的目的是...
JavaScript学习笔记8-jQuery内容过滤选择器、可见性过滤选择器深度解析
hellochenlu的博客
09-13 406
内容过滤选择器 New Document $(function() { $("#button1").click(function() { $("div:contains('test')").css("background", "red"); }); $("#button2").click(functio
JQuery学习笔记之过滤性选择器
Code_Thinking的专栏
10-25 729
过滤选择器根据某个过滤规则进行元素的匹配,书写时yi
Query学习笔记（2）- jQuery选择器
Leve_o的博客
08-30 338
JQuery学习笔记（2）- jQuery选择器1.基础选择器2.层级选择器 1.基础选择器 选择器 名称 描述 返回 示例 #id id选择器 根据给定的id匹配一个元素 单个元素 $("#box"); 选取id为box的元素 .class 类选择器 根据给定的类名匹配元素 集合元素 $(".box");选取所有类名为box的元素 element 元素选择器 根据给定...
掌握3jQuery常规选择器：学习笔记源码解析
通过本篇学习笔记，我们详细探讨了各种jQuery选择器的用法，掌握了基本的选择器和过滤选择器的应用。通过实际的代码示例，也理解了如何将选择器与jQuery的其他功能进行结合，以实现复杂的操作。记住，实践是学习...
Jquery学习笔记分享：优势应用及选择器详解
我们介绍了基本选择器、层次选择器、过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器和表单选择器等不同类型的选择器，展示了它们的用法和示例。...
jQuery学习笔记：对象转换与高级选择器详解
在jQuery学习笔记中，我们深入探讨了jQuery对象与DOM对象之间的转换以及丰富的选择器和过滤功能。jQuery对象本质上是一个数组，通过`$("#id")`获取到的元素集合可以通过`$aa[0]`或`$aa.get(0)`的方式访问单个元素。...
学习笔记-uni-app
weixin0605的博客
05-27 854
环境准备 安装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 635
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&
前端学习笔记-jquery-7-群组选择器
weixin0605的博客
01-06 596
/* css代码 */ /* div{ color:red; } p{ color:red; } span{ color:red; } */ div,p,span{ color:red; } $(function(){ //jquery模拟css $('div,p,span').css("color", "blue"); });
学习笔记-javascript基础语法
weixin0605的博客
11-28 590
js简单使用 <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=GBK"> <title>Javascript语法</title> </head> <body> <!-- js和html相结合的方式： 1，将javascript代
前端学习笔记-jquery-10-（过滤选择器）过滤器：内容过滤器
weixin0605的博客
01-09 418
$(":contains(text)")//选择所有包含指定文本的元素 $(":parent")//选择所有含有子元素或者文本的元素 $(":empty")//选择所有没有子元素（包含文本节点） $(":has(selector)")//选择元素中至少包含指定选择器的元素 :contains与:has都有查找的意思，但是contains查找包含“指定文本”的元素，has查找包含“指定元素”
前端学习笔记-jquery-6-层级选择器及对应jquery方法
weixin0605的博客
01-06 360
层级关系：子元素 后代元素 兄弟元素 相邻元素 1、$(“parent>child”)子选择器 div id="box">p>xxxp>box> /* css代码 */ #box>p{ color:red; } $(function(){ //jquery模拟css $("#box>p").css("color", "blue"); }); $(f
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值