jquery选择器的知识点

来源:互联网 发布:linux 配置多个网关 编辑:程序博客网 时间:2024/05/20 06:30

内容选择器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对

});

原创粉丝点击