前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JQuery---高级类选择器

JQuery---高级类选择器

作者头像
梅花
发布2020-09-28 16:07:46
4860
发布2020-09-28 16:07:46
举报
文章被收录于专栏:梅花的学习记录

1.ContentFilters

  1.1 语法:$('div:contains(edu)').css('backgroundColor','yellow');

  只看div 本身是否包含内容

  1.2 语法: $('div:empty').css('backgroundColor','yellow');

  1.3 语法:$('div:has(span)').css('backgroundColor','yellow');

  1.4语法:$('div:parent').css('backgroundColor','yellow');

2.Visibility Filters

  2.1 语法:$('div:hidden').css('display','block);

  2.2语法 :$('div:visible').css('display','none');

3.Attribute Filters

   语法:$('li[class]')

   语法:$('a[xxx="self"]')

   语法:$('a[rel!="nofollow"]')

   语法:$('[class^="my"]')

   语法:$('a[href*="zip"]')

   语法:$('a[rel][href][title="blog"]') 可以满足中括号中所有的

   正则表达式:^表示开始,$表示结束 ,*表示任意多个

4.Child Filters

  $('div:only-child').css('backgroundColor','yellow');

  这个是唯一子元素 的时候才能被选中。

5.Forms

  $(':input')

  $(':text')

  $(':password')

  $(':radio')

  $(':checkbox')

  $(':submit')

  $(':image')

  $(':reset')

  $(':button')

  $(':file')

6.Form Filters

  $('input:enabled)

  $(':disabled')

  $(':checked')

  $(':selected')

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018-01-18 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档