咨询电话:186 7916 6165 咨询电话:186 7916 6165 (微信同号)    在线QQ:181796286
NEWS BLOG ·
学无止境
关注开优网络 关注前沿
类似Google个性首页的页面自定义拖拽布局
jQuery鼠标悬停图片放大效果

Jquery 节点选择器

发表日期:2015-10-31    文章编辑:南昌开优网络    浏览次数:3038    标签:jQuery应用

1、多条件选择器 
$(p,div,input.abc) 选择所有p,div以及classname="abc"的input对象 

2、层次选择器 
Java代码 
  1. $("ol li") 选择ol对象下所有的li对象(包括子对象以及子对象的子对象)  
  2. $("ol > li") 选择ol下直接的li对象、即子对象的子对象不会被选择  

3、属性过滤器 
Java代码 
  1. $("div[id]") 选择有ID属性的DIV元素  
  2. $("div[name=test]")  选择name为test的div元素(效果可以做到与原生的getElementsByName效果)  
  3. $("div[name!=test]")  选择name不为test的div元素  

4、表单对象选择器 
Java代码 
  1. $("#form1:enabled") 选择id为form1的表单内所有启用的  
  2. $("#form1:disabled") 选择id为form1的表单内所有禁用的  
  3. $("input:checked") 选择所有选中的元素(还可以是radio,checkbox)  
  4. $("select:selected") 选择所有选中的元色素  

5、 元素选择器
Java代码 
  1. next 获取同级节点的下一个节点 ,可使用过滤器、下同  
  2. nextAll 获取之后的所有同级元素  
  3. siblings 获取所有同级元素  
  4. parent  获取父级元素

6、过滤器 
Java代码 
  1. :first 选取第一个元素    $("span:first") 选择第一个span元素  
  2. :last 选取最后一个元素   同first  
  3. :not 选择不满足选择器条件的元素  $("input:not(.css)") 选择class属性不是css的input元素   
  4. :even  
  5. :odd  
  6. 选取索引是奇数、偶数的元素  
  7. $("input:even") 选择索引是奇数的input元素  
  8. :eq 、 :gt 、 :lt  
  9. 选取索引等于(eq)大于(gt)小于(lt)的元素  
  10. $("input:gt(2)") 选择索引大于2的input元素