为了账号安全,请及时绑定邮箱和手机立即绑定

jquery选择器_《Jquery权威指南》阅读笔记

标签:
JQuery

jquery选择器主要有几种方式:#id (根据给定的ID匹配元素),.class(根据给定的类匹配元素),element(根据给定的元素名匹配所有的元素),* (匹配所有的元素),selector1,selectorN (将每一个选择器匹配到的元素合并后一起返回)

简单的一个小功能:
隔行变色

$(function(){
$("#table_id tr:nth-child(even)").addClass("cssClass");

})

页面输出文字:

$(function(){
$("#id").html("这里是文字");
})

简单过滤选择器

  1. first()或 :first  获取第一个元素

  2. last() 或   :last  获取最后一个元素

  3. :not(selector)  获取除给定选择器外的所有元素

  4. :even  获取索引值为偶数的元素,索引值从零开始。

  5. dd 获取索引值为奇数的元素,索引值从零开始。

  6. :eq(index) 获取索引值为index值的元素,索引值从零开始。

  7. :gt(index) 获取所有索引值大于index值的元素,索引值从零开始。

  8. :lt(index)  获取所有索引值小于index值的元素,索引值从零开始。

  9. :header   获取所有标题类型的元素,如h1 , h2 …….  (这点功能是我没有想到的)

  10. :animated 获取正在执行动画效果的元素。

内容过滤选择器

  1. :contains(text) 获取包含给定文本的元素

  2. :empty 获取空元素

  3. :has(selector) 获取含有给定选择器的所匹配的元素

  4. :parent 获取含有子元素或者文本的元素 (这点有些不理解)

可见性过滤选择器

  1. :hidden 获取所有不可见元素,或者type为hidden的元素

  2. :visible 获取所有的可见元素

属性过滤选择器       [attribute] [attribute=value] [attribute!=value] [attribute^=value] [attribute$=value] [attribute*=value]表单对象属性过滤选择器 :enabled 表单中可用的元素:disabled 表单中不可用的元素:checked 表单中被选中的元素:selected 表单中被选中的option的元素还有一些是表单的基本元素选择器:input  :text :password :radio :checkbox :submit  :image  :reset :button  :file选择器是写jquery方法的第一步,为jquery操作DOM做准备。

 

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
移动开发工程师
手记
粉丝
64
获赞与收藏
367

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消