jquery选择器的知识点

原创 2012年03月22日 20:25:26

内容选择器4个:

    :contains("内容")判断某个元素是否包含指定的内容
 :empty  判断某个元素是否为空(没有子元素或者文本内容)
 :has(p|.class) 判断某个元素(div)是否含有指定的 另外的元素(p)或者是否包含指定class的元素
 :parent 是否有子元素(文本、标签),如果有则被选中
可见度选择器2个:
     :hidden 表示匹配所有的隐藏的元素,显示隐藏元素用show
  :visible 表示 匹配所有的可见元素 
属性过滤选择器:
     元素(div)[id]  表示匹配判断某元素中是否有id属性,如果有被选中
  元素(div)[attribute=value]表示匹配属性等于某个值的元素
  元素(div)[attribute!=value]表示匹配属性不等于某个值的元素
  元素(div)[attribute^=str]  表示匹配属性值以str开头的元素
  元素(div)[attribute$=str]表示匹配属性值以str结尾的元素
  元素(div)[attribute*=str] 表示匹配属性值中包含str的元素     元素(div)[id][attribute=value]组合式,表示匹配有id的属性,并且属性等于value的元素

each的三种遍历方法
1、选择器+遍历
$('div').each(function (i){
   //i就是索引值
   //this 表示获取遍历每一个dom对象
});

2、选择器+遍历
$('div').each(function (index,domEle){
   //index就是索引值
   //domEle 表示获取遍历每一个dom对象
});

3、更适用的遍历方法

1)先获取某个集合对象
2)遍历集合对象的每一个元素

var d=$("div");

$.each(d,function (index,domEle){

  //d是要遍历的集合
  //index就是索引值
  //domEle 表示获取遍历每一个dom对

});

jQuery中一些必须要知道的知识点总结--20个(上)

1. jQuery 库中的 $() 是什么?(答案如下) $() 函数是 jQuery() 函数的别称,乍一看这很怪异,还使 jQuery 代码晦涩难懂。一旦你适应了,你会爱上它的简洁。$() 函数...
  • guo13313
  • guo13313
  • 2017年03月27日 00:03
  • 1449

jQuery-9种选择器

jQuery 9种选择器   1、基本选择器-5个    1 html> 2 head> 3 meta http-equiv="content-type" conte...
  • zfs592645357
  • zfs592645357
  • 2014年10月30日 16:20
  • 1179

JQuery_九大选择器

JQuery中九大选择器。
  • pseudonym_
  • pseudonym_
  • 2017年07月25日 18:19
  • 373

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

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

jQuery与CSS3的选择器

jQuery与CSS在选择器方面,有很多的相似之处,本文稍加总结。 注:本文以jQuery1.9.1版本和CSS3为例进行说明,CSS在选择器方面存在兼容问题,请自行分辨。1 jQuery的版本 ...
  • aiolos1111
  • aiolos1111
  • 2016年08月02日 16:52
  • 1833

jquery 孩子和兄弟选择器

Jquery 孩子和兄弟选择器分为4类,1 后代选择器(A B) ;2 孩子选择器(A>B) ;3相邻兄弟选择器(A+B); 一般兄弟选择器(A~B). 以下让我们通过一个例子来理解它们的不同。  ...
  • taiyb
  • taiyb
  • 2014年10月30日 23:16
  • 9139

jQuery 层次选择器,属性选择器

jQuery层次选择器 jquery属性选择器 jq根据是否有某属性选择 jq选取子元素、后边的元素等 $("div >span") $("#one +div") $("#one~div")...
  • tangdou5682
  • tangdou5682
  • 2016年12月01日 10:40
  • 540

javascript 原生 模仿 jquery 选择器 代码

使用这段代码可以简单的实现类似 $(“#tab_ul”) 选择器效果。当然,是基于原生的。 Array.prototype.each=function(f){ for(var ...
  • FungLeo
  • FungLeo
  • 2015年09月09日 14:36
  • 1426

详解jQuery选择器正则表达式

1、空白 whitespace = "[\\x20\\t\\r\\n\\f]", 在字符串中,斜杠是用于转义的,若想输出斜杠,必须采用双斜杠来表示。上述字符串若直接用正则表达式对象来表示,如下: ...
  • mole
  • mole
  • 2015年02月02日 18:26
  • 3222

jquery选择器扩展之样式选择器

jquery中提供了丰富多样的选择器,利用这些选择器我们可以完成大多数任务,但是喜欢思考的我们总得找点事,提问时间: 1.如何选择所有字体颜色为红色的元素 2.如何选择出背景颜色为为白色的元素 3.如...
  • duwen90
  • duwen90
  • 2016年01月23日 18:05
  • 1460
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery选择器的知识点
举报原因:
原因补充:

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