Selecter

基本选择器:$("#text"),$(".text"),$("p"),$("*") $("div,p,span.className");

层次选择器:$("div span"),$("div>span")

$(".one+div")//选取class为one的下一个div元素;备注:$(".one+div")可以用$(".one").next("div")来替代;

$("#two~div")//选取id为two的元素后面的所有div兄弟元素;备注:可以用$("#two").nextAll("div")替代;

$("#two").siblings("div")//选取id为two的元素的所有同辈div元素;过滤选择器:基本过滤选择器

$("div:first")选取所有div元素中第一个div元素;(返回单个元素)

$("div:last")选取所有div元素中的最后一个div元素;(返回单个元素)

$("input:not(.myClass)")选取class不是myClass的input元素;

$("input:even")选取索引是偶数的input元素;

$("input:odd")选取索引是奇数的input元素;

$("input:eq(1)")选取索引等于1的input元素;

$("input:gt(1)")选取索引大于1的input元素;

$("input:lt(1)")选取索引小于1的input元素;

$(":header")选取网页中所有的<h1><h2>……

$("div:animated")选取正在执行动画的div元素;


内容过滤选择器

$("div:contains("我")")选取含有文本“我”的div元素;

$("div:empty")选取不包含子元素(标签元素和文本元素)的div元素;

$("div:has(p)")选取含有p元素的div元素;

$("div:parent")选取拥有子元素(标签元素或者文本元素)的div元素;


可见性过滤选择器

$(":hidden")选取所有不可见的元素。包括<input type="hidden"><div style="display:none"><div style="visibility:hidden;"例如:$("input:hidden")选取所有不可见的iniput元素;

$("div:visible")选取所有可见的div元素;


属性过滤选择器

$("div[id]")选取拥有id的div元素;

$("div[title=test]")选取title=test的div元素;

$("div[title!=test]")选取title!=test或者没有title属性的div元素;

$("div[title^=test]")选取属性title以test开始的div元素;

$("div[title$=test]")选取属性title以test结束的div元素;

$("div[title*=test]")选取属性title含有test的div元素;

$("div[id][title$=test]")选取含有id并且title属性以test结尾的div元素;


子元素过滤选择器

1、:nth-child()

:nth-child(even)选取每个父元素下的索引是偶数的元素;

:nth-child(odd)选取每个父元素下的索引是奇数的元素;

:nth-child(2)选取每个父元素下的索引是2的元素;

:nth-child(3n)选取每个父元素下索引是3的倍数的元素,(n从0开始)

:nth-child(3n+1)选取每个父元素下索引是3n+1的元素(n从0开始)

2、$("ul li:first-child")选取每个ul中的第一个li元素(集合元素)

3、$("ul li:last-child")选取每个ul中的最后一个li元素(集合元素)

4、$("ul li:only-child")在ul中选取是唯一子元素的li元素;

备注:eq(index)是从0开始的,而nth-child(index)是从1开始的;


表单对象属性过滤选择器

$("#form1 :enabled")选取id为form1的表单内所有可用元素;

$("#form1 :disabled")选取id为form1的表单内所有不可用元素;

$("input:checked")选取所有被选中的input元素;

$("select :selected")选取所有被选中的选项元素;


表单过滤选择器

$(":input")选取所有<input><textarea><select><button>元素;

$(":text")选取所有的单行文本框;

$(":password")选取所有的密码框;

$("radio")选取所有的单选框;

$(":checkbox")选取所有的复选框;

$("submit"),$(":reset"),$(":button"),$(":file"),$(":hidden")

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值