Jquery内容、可见度、属性过滤选择器的理解和简单语句说明

原创 2012年03月21日 19:38:59

Jquery内容过滤选择器

一、概念:根据节点内容进行选择,实现了对基本内容的过滤

二、用途:1、可以实现内容的过滤

        2、判断选择指定元素内的元素

        3、判断特殊需求的元素(空、拥有等)

三、jquery内容过滤选择器

   1、 :contains

概述:匹配包含给定文本的元素

例如:查找所有包含”john”的div元素
$("div:contains('John')")
   2、 :empty
概述:匹配所有不包含子元素或者文本的空元素
例如:查找所有不包含子元素或者文本的空div元素
   $(“div:empty”)
3、 :has
概述:匹配包含选择器所匹配的元素的元素
例如:给所有包含 p 元素的 div 元素添加一个 text 类 $(“div:has”)
4、 :parent
概述:匹配所有子元素或者文本的元素
例如:查找所有含有子元素和文本的td元素
 $(“td:parent”)
jquery可见度过滤选择器
一、概念:可见度过滤选择器是根据元素的可见和不可见状态来选择相应的元素
二、jquery可见度过滤选择器
1、:hidden
用法: $(”tr:hidden”) 返回值 集合元素(匹配所有的不可见元素)
2、:visible
用法: $(”tr:visible”) 返回值 集合元素(匹配所有的可见元素)
Jquery属性过滤选择器
一、概念:根据元素的属性来选择相应的元素
二、jquery属性过滤选择器(以div为例)
1、$(“div[id]”):选取拥有属性id的div元素
2、$(“div[title= str]”) 选取拥有title等于str值的div元素
3、$(“div[title!= str]”) 选取title不等于str的div元素
4、$(“div[title^= str]”) 选取拥有属性title,并且title属性值以str开头的div元素
5、$(“div[title$= str]”) 选取拥有属性title,并且title属性值以str结尾的div元素
6、$(“div[title*= str]”) 选取拥有属性title,并且title属性值含有str的div元素
7、$(“div[title*= str][class]”) 选取拥有属性title,并且title属性值含有str,并且有class属性的div元素
 

jQuery过滤选择器——属性过滤选择器

属性过滤选择器属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素 1、[attribute] 用法: $(”div[id]“) ; 返回值:集合元素 说明: 匹配包含给...
  • cckevincyh
  • cckevincyh
  • 2016年11月13日 20:55
  • 984

jquery内容过滤选择器、属性过滤选择器和jquery可见度过滤选择器

一、 jquery内容过滤选择器 根据内容进行选择(根据节点的内容) 实现了对基本内容的过滤 用途:       1)可以实现内容的过滤       2)判断选择指定元素内的元素...
  • zhaoxinglei0309
  • zhaoxinglei0309
  • 2012年03月21日 19:46
  • 1574

jQuery过滤选择器——可见度过滤选择器

可见度过滤选择器1、:hidden 用法: $(”tr:hidden”) 返回值 :集合元素 说明: 匹配所有的不可见元素,input 元素的 type 属性为 “hidden” 的...
  • cckevincyh
  • cckevincyh
  • 2016年11月13日 20:24
  • 110

jQuery过滤选择器详解

基本过滤选择器选取第一个元素(:first) //选择第一个div元素. $('#btn1').click(function(){ $('div:first...
  • csujiangyu
  • csujiangyu
  • 2015年08月19日 10:19
  • 5953

jQuery基础教程之强大的选择器(过滤选择器-可见性过滤选择器)

在上一篇文章jQuery教程基础篇之强大的选择器(过滤选择器-内容过滤选择器)中,我们了解了jQuery内容过滤选择器的知识,今天我们来学习一下jQuery的另一个强大的过滤选择器——可见性过滤选择器...
  • wql19881207
  • wql19881207
  • 2012年03月31日 14:06
  • 493

JQuery里的子元素过滤选择器,加空格与不加空格的区别

最近学习jquery,发现它的选择器的写法与css的基本语法很像,加不加空格差别很大。 $(“:first-child)——:first只是返回单个元素,而first-child选择符将为每个父元素...
  • u010552788
  • u010552788
  • 2016年03月08日 14:25
  • 2008

jQuery过滤选择器——子元素过滤选择器

子元素过滤选择器1、:nth-child(index/even/odd/equation) 用法: $(”ul li:nth-child(2)”) 返回值 :集合元素 说明...
  • cckevincyh
  • cckevincyh
  • 2016年11月13日 21:04
  • 1108

Jquery选择器分类(基本选择器,层次选择器,过滤选择器,表单选择器)

基本选择器 说明:通过元素id、class和标签名等来查找DOM元素 1.id选择器:$("#test");//选取id为test的元素 2.类选择器:$(".test");//选取所有class为...
  • allan492975230
  • allan492975230
  • 2013年08月01日 15:50
  • 1164

Jquery简单过滤选择器(应用最广泛的选择器)

(1)Jquery中简单过滤选择器 jquery根据某一类过滤规则进行元素匹配,书写时以:开头,是Jquery中应用最为广泛的选择器 (2)简单过滤选择器的基本语法 ①first()或者...
  • qq_29854443
  • qq_29854443
  • 2017年05月04日 21:37
  • 172

Jquery 可见性过滤器选择器

1.可见性过滤选择器根据元素的可见性和不可见性来选择相应的元素。 其中元素可见性表示为:visible;元素的不可见行为hidden。 返回的都是集合元素。其中hidden不仅包含样式属性为(di...
  • qq_27603235
  • qq_27603235
  • 2016年05月16日 13:37
  • 369
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Jquery内容、可见度、属性过滤选择器的理解和简单语句说明
举报原因:
原因补充:

(最多只允许输入30个字)