搜索
博主信息
博文 27
粉丝 0
评论 0
访问量 26181
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
jquery常用属性选择器1学习记录-2019年12月20日
古城老巷丶
原创
957人浏览过

jQuery基本选择器-伪类选择器

常用jquery属性选择器案例

:first选择器:选择所有元素中某一个元素的第一个元素。

1.选中所有IDV中的第一个DIV

image.png

:eq()选择器:选择相同元素中,索引值是几就返回索引值是几的元素。

选择所有div中下标为0的DIV.也就是第一个

image.png

:gt(index)选择器:选择大于该索引值的所有HTML控件

选择所有div中,索引值大于1的全部div

image.png

:lt()选择器:选择小于该索引值的所有HTML控件

选择所有div中,索引值小于于2的全部div

image.png

:last选择器:该选择器选择该元素最后一个元素

找到所有DIV中最后一个div

image.png

[] 选择器,通过元素的属性来选择,和css的属性选择器类似

选择元素div中,带有ID属性的div

image.png

= 属性选择器:通过元素的属性的值来选择,和css的属性选择器类似

image.png

^ 属性选择器:匹配开头的属性的值,给出范围值进行匹配,如果相同则选中

选择所有div中,属性是class的值是my开头的div

image.png

$  属性选择器:匹配最后的属性的值,给出范围值进行匹配,如果相同则选中

image.png

* 属性选择器,元素的的属性值里有包含该值,则选中

选择所有div中属性是class的值里面有包含abc的元

image.png

:checked选择器:作用于复选框。通过=选择器来配合使用

选择所有input控件里有name属性,属性值的复选框控件,通过checked判断是否有选择

image.png

:selected选择器,匹配所有选中的option元素












批改老师:天蓬老师天蓬老师

批改状态:合格

老师批语:其实, jquery中的选择器, 与css非常的类似的,不是吗?
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学