争怎路由网:是一个主要分享无线路由器安装设置经验的网站,汇总WiFi常见问题的解决方法。

jquery的过滤选择器有哪一些?常用的过滤选择器有哪一些?

时间:2024/5/20作者:未知来源:争怎路由网人气:

网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。
jquery的过滤选择器做什么?常用过滤选择器有哪些?本篇文章就给大家介绍jquery的过滤选择器,让大家了解常用的jquery的过滤选择器有哪些。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所助。

首先我们了解一下jquery过滤选择器选择器的相关知识:

jquery 选择器可以对 HTML 元素组或单个元素进行操作。而,过滤选择器是jquery 选择器中应用最为广泛的一种,它可以根据某一类过滤规则进行元素匹配,查找到(一个或多个)元素,书写时以:开头。

jquery过滤选择器可以分为以下几大类:

  1. jquery基本过滤选择器(重点)

  2. jquery内容过滤选择器

  3. jquery可见性过滤选择器

  4. jquery属性过滤选择器

  5. jquery状态过滤选择器

  6. jquery子元素过滤选择器

下面我们就以上述的分类来聊聊常见的jquery过滤选择器有哪些,以及这些jquery过滤选择器的使用方法。

jquery基本过滤选择器(重点)

①first()或者:first 选取第一个元素

//选择第一个div元素
$('div:first')  
$('div').first()

②last()或者:last 选取最后一个元素

//选择最后一个div元素
$('div:last')   
$('div').last()

③:not(selector) 选取除开给定选择器的其他元素

 $('div:not(.one)')  //选择class不为one的 所有div元素

④:even 选取索引为偶数的元素,索引从0开始

 $('div:even')   //选择 索引值为偶数 的div元素

⑤:odd 选取索引为奇数的元素,索引从0开始

$('div:odd')  //选择 索引值为奇数 的div元素

⑥:eq(index) 选取制定索引元素,从0开始

$('div:eq(3)')  //选择 索引等于 3 的div元素

⑦:gt(index) 选取大于给定索引的元素,从0开始

$('div:gt(3)')  //选择 索引大于 3 的div元素

⑧:lt(index) 选取小于给定索引的元素,从0开始

$('div:lt(3)')  //选择 索引小于 3 的div元素

⑨:header 选取标题类型元素

$(':header')  //选择 所有的标题元素.比如h1, h2, h3等等...

⑩:animated 选取正在执行动画效果的元素

$(':animated')   //选择 当前正在执行动画的所有元素

?:focus 选取当前被焦点的元素

$(':focus')  //选择 当前选取焦点的所有元素

jquery内容过滤选择器

①:contains(text) 选取包含指定文本的元素

$("div:contains('Runob')")    // 选取包含 Runob文本的元素

②:empty 选取不包含子元素或文本的空元素

$("td:empty")       //选取不包含子元素或者文本的tb空元素

③:has(selector) 选取含有选择器匹配元素的元素

$("div:has('.mini')")  //选取含有class为mini元素 的div元素

④:parent 选取包含子元素或文本的空元素

$("div:parent")                //选取含有子元素或者文本的div元素

jquery可见性过滤选择器

①:hidden 选取不可见的元素

$("li:hidden")       //选取所有不可见元素,或type为hidden的元素,例:<input type="hidden"/>

②:visible 选取可见的元素

$("li:visible")      //选取所有可见 li 元素

jquery属性过滤选择器

①[attribute] 选取拥有此属性的元素

$('div[title]')  //选取含有 属性title 的div元素

②[attribute=value] 选取属性值为value的元素

$('div[title=test]')  //选取 属性title值等于 test 的div元素

③[attribute!=value] 选取属性值不等于value的元素

$('div[title!=test]')  //选取 属性title值不等于 test 的div元素

④[attribute^=value] 选取属性值以value开始的元素

 $('div[title^=te]')  //选取 属性title值 以 te 开始 的div元素

⑤[attribute$=value] 选取属性值以value结束的元素

$("div[title$=est]")  //选取 属性title值 以 est 结束 的div元素

⑥[attribute*=value] 选取属性值含有value的元素

$("div[title*=es]")  //选取 属性title值 含有 es  的div元素

⑦[attribute

关键词:jquery的过滤选择器有哪些?常用的过滤选择器有哪些?




Copyright © 2012-2018 争怎路由网(http://www.zhengzen.com) .All Rights Reserved 网站地图 友情链接

免责声明:本站资源均来自互联网收集 如有侵犯到您利益的地方请及时联系管理删除,敬请见谅!

QQ:1006262270   邮箱:kfyvi376850063@126.com   手机版