视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
jQuery复合选择器应用的几个例子_jquery
2020-11-27 21:27:02 责编:小采
文档


一. 复合选择器对checkbox的相关操作

 
 
 
 

例.需要把类型为checkbox,同时"可用"的元素设置成"已选择"

方法①使用属性过滤选择器 [type='checkbox'] 和 [disabled!=disabled]



注意在这个复合选择器中,"可用"元素的选择应使用 disabled!=disabled,而设置属性时应使用 attr("checked",true)。disabled属性和checked属性的用法类似。

方法②使用表单选择器 :checkbox 和属性过滤选择器 [disabled!=disabled]



方法③使用表单选择器 :checkbox 和表单对象属性过滤选择器 :enabled



方法④使用.each()遍历



没用到复合选择器。需要注意的和方法①中一样,在判断属性时应该判断是"disabled"还是"enable",而不是false或true。而设置属性时既可以用"disabled"或"enable",也可以用false或true。

二. 复合选择器的其他例子



例. 把第一个class为showli的li元素背景设为红色



结果是'

  • 第二行
  • '的背景变成了红色。使用了属性过滤选择器 [class=showli] 和基本过滤选择器 eq(0)

    例. 把第五个可见的li的背景设为红色

    
    
    

    结果是'

  • 第六行
  • '的背景变成了红色,display:block是为了检测隐藏的li是否会被:visible过滤,display:none下是看不到红色背景的。使用了可见性过滤选择器 :visible

    例.(比较绕的)把第二个class为showli的li后面可见的第二个li的背景设成红色

    
    
    

    结果是'

  • 第六行
  • '的背景变成了红色。

    下载本文
    显示全文
    专题