过滤选择器
过滤选择器主要是通过特定的过滤规则来筛选出所需的 DOM元素,该选择器都以“:”开头
按照不同的过滤规则,过滤选择器可以分为基本过滤,内容过滤,可见性过滤,属性过滤,子元素过滤和表单对象属性过滤选择器.
基本过滤选择器
基本过滤选择器示例
改变第一个 div元素的背景色为 # bbffaa
改变最后一个 div元素的背景色为 # bbffaa
改变class不为 one的所有 div元素的背景色为 # bbffaa
改变索引值为偶数的 div元素的背景色为 # bbffaa
改变索引值为奇数的 div元素的背景色为 # bbffaa
改变索引值为大于 3的 div元素的背景色为 # bbffaa
改变索引值为等于 3的 div元素的背景色为 # bbffaa
改变索引值为小于 3的 div元素的背景色为 # bbffaa
改变所有的标题元素的背景色为 # bbffaa
改变当前正在执行动画的所有元素的背景色为 # bbffaa
内容过滤选择器
内容过滤选择器的过滤规则主要体现在它所包含的子元素和文本内容上
内容过滤选择器示例
改变含有文本 ‘di'的 div元素的背景色为 # bbffaa
改变不包含子元素(或者文本元素)的 div空元素的背景色为 # bbffaa
改变含有 class为 mini元素的 div元素的背景色为 # bbffaa
改变含有子元素(或者文本元素)的div元素的背景色为 # bbffaa
可见性过滤选择器
可见性过滤选择器是根据元素的可见和不可见状态来选择相应的元素
可见选择器 :hidden不仅包含样式属性 display为 none的元素,也包含文本隐藏域 ()和 visible:hidden之类的元素
可见性过滤选择器示例
改变所有可见的div元素的背景色为 # bbffaa
选取所有不可见的元素,利用 jQuery中的 show()方法将它们显示出来,并设置其背景色为 # bbffaa
选取所有的文本隐藏域,并打印它们的值
属性过滤选择器
属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素
属性过滤选择器示例
选取下列元素,改变其背景色为 # bbffaa
含有属性title的div元素.
属性title值等于"test"的div元素.
属性title值不等于"test"的div元素(没有属性title的也将被选中).
属性title值以"te"开始的div元素.
属性title值以"est"结束的div元素.
属性title值含有"es"的div元素.
选取有属性id的div元素,然后在结果中选取属性title值含有“es”的 div 元素.
子元素过滤选择器
nth-child() 选择器详解如下:
(1) :nth-child(even/odd):能选取每个父元素下的索引值为偶(奇)数的元素
(2):nth-child(2): 能选取每个父元素下的索引值为 2 的元素
(3):nth-child(3n): 能选取每个父元素下的索引值是 3 的倍数的元素
(3):nth-child(3n + 1):能选取每个父元素下的索引值是 3n + 1的元素
子元素过滤选择器示例
选取下列元素,改变其背景色为 # bbffaa
每个class为one的div父元素下的第2个子元素.
每个class为one的div父元素下的第一个子元素
每个class为one的div父元素下的最后一个子元素
如果class为one的div父元素下的仅仅只有一个子元素,那么选中这个子元素
表单对象属性过滤选择器
此选择器主要对所选择的表单元素进行过滤
表单对象属性过滤选择器示例
利用 jQuery对象的 val()方法改变表单内可用 元素的值 利用 jQuery对象的 val()方法改变表单内不可用元素的值
利用 jQuery对象的 length属性获取多选框选中的个数
利用 jQuery对象的 text()方法获取下拉框选中的内容
表单选择器
以上就是关于jQuery过滤选择器的全部内容了,十分的详尽,希望对小伙伴们有所帮助。

实现方法:1、用“$("img").delay(毫秒数).fadeOut()”语句,delay()设置延迟秒数;2、用“setTimeout(function(){ $("img").hide(); },毫秒值);”语句,通过定时器来延迟。

修改方法:1、用css()设置新样式,语法“$(元素).css("min-height","新值")”;2、用attr(),通过设置style属性来添加新样式,语法“$(元素).attr("style","min-height:新值")”。

区别:1、axios是一个异步请求框架,用于封装底层的XMLHttpRequest,而jquery是一个JavaScript库,只是顺便封装了dom操作;2、axios是基于承诺对象的,可以用承诺对象中的方法,而jquery不基于承诺对象。

增加元素的方法:1、用append(),语法“$("body").append(新元素)”,可向body内部的末尾处增加元素;2、用prepend(),语法“$("body").prepend(新元素)”,可向body内部的开始处增加元素。

在jquery中,apply()方法用于改变this指向,使用另一个对象替换当前对象,是应用某一对象的一个方法,语法为“apply(thisobj,[argarray])”;参数argarray表示的是以数组的形式进行传递。

删除方法:1、用empty(),语法“$("div").empty();”,可删除所有子节点和内容;2、用children()和remove(),语法“$("div").children().remove();”,只删除子元素,不删除内容。

去掉方法:1、用“$(selector).removeAttr("readonly")”语句删除readonly属性;2、用“$(selector).attr("readonly",false)”将readonly属性的值设置为false。

on()方法有4个参数:1、第一个参数不可省略,规定要从被选元素添加的一个或多个事件或命名空间;2、第二个参数可省略,规定元素的事件处理程序;3、第三个参数可省略,规定传递到函数的额外数据;4、第四个参数可省略,规定当事件发生时运行的函数。


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

WebStorm Mac版
好用的JavaScript开发工具

MinGW - 适用于 Windows 的极简 GNU
这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。

Dreamweaver CS6
视觉化网页开发工具

Atom编辑器mac版下载
最流行的的开源编辑器

SublimeText3 英文版
推荐:为Win版本,支持代码提示!