jQuery常用API汇总

平常开发基本要用的API都在这里了  收藏回家慢慢看!

 

选择器

$('input:not(:checked)') //查找所有未选中的 input 元素

$("tr:gt(0)") //匹配所有大于给定索引值的元素

$(":header") //匹配如 h1, h2, h3之类的标题元素

$(":animated") //匹配所有正在执行动画效果的元素

$(":root") //选择该文档的根元素。

$(":contains('文本')") //匹配包含给定文本的元素

$(":empty") //匹配所有不包含子元素或者文本的空元素

$(":has(selector)") //匹配含有选择器所匹配的元素的元素

$(":parent") //匹配含有子元素或者文本的元素

$(":hidden") //匹配所有不可见元素,或者type为hidden的元素

$(":visible") //匹配所有的可见元素

 

$("input[name='newsletter']") //匹配给定的属性是某个特定值的元素

$("input[name!='newsletter']") //匹配所有不含有指定的属性,或者属性不等于特定值的元素。

$("input[name^='newsletter']") //匹配给定的属性是以某些值开始的元素

$("input[name$='newsletter']") //匹配给定的属性是以某些值结尾的元素

$("input[name*='newsletter']") //匹配给定的属性是以包含某些值的元素

 

$("input[id][name$='man']") //复合属性选择器,需要同时满足多个条件时使用--->找到所有含有 id 属性,

                                             并且它的 name 属性是以 man 结尾的

 

! $(":first-child") //匹配所给选择器( :之前的选择器)的第一个子元素

                        //类似的:first匹配第一个元素,但是:first-child选择器可以匹配多个:即为每个父级元素匹配第一个子

                          元素。这相当于:nth-child(1)

! $("span:first-of-type") //查找作为父元素的span类型子元素中的"长子"的span标签--->即查找span的大儿子

$("last-child") //匹配最后一个子元素. :last 只匹配最后一个元素,而此选择符将为每个父元素匹配最后一个子元素

$(":last-of-type") //结构化伪类,匹配E的父元素的最后一个E类型的孩子

$(":nth-child(index)") //匹配其父元素下的第N个子或奇偶元素 index从1开始算

$(":nth-last-child(index)") //选择所有他们父元素的第n个子元素。计数从最后一个元素开始到第一个。

! $(":nth-of-type") //选择同属于一个父元素之下,并且标签名相同的子元素中的第n个。

$(":only-child") //如果某个元素是父元素中唯一的子元素,那将会被匹配

$(":input") //匹配所有 input, textarea, select 和 button 元素

$(":text") //匹配所有的单行文本框--->即type="text"的元素

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值