第十九天博客

  首先回顾了一下昨天学习的选择器 

 

内容选择器4个：

 

   :contains("内容") 判断某个元素是否包含指定的内容
   :empty 判断某个元素是否为空（没有子元素或者文本内容）
   :has(p|.class) 判断某个元（div）素是否含有指定的 另外元素(p)或者是否包含指定class的元素
   :parent  是否有子元素（文本或者标签），如果有则被选中
  

可见度选择器2个：

 

   :hidden 表示匹配所有的隐藏的元素，显示隐藏的元素用show
   :visible 表示匹配所有的可见元素  
  
属性过滤选择器7个：

 

   元素（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的三种遍历方法

 

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对

});