Blogger Information
Blog 27
fans 0
comment 0
visits 20804
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
jquery常用属性选择器1学习记录-2019年12月20日
古城老巷丶
Original
760 people have browsed it

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元素












Correcting teacher:天蓬老师天蓬老师

Correction status:qualified

Teacher's comments:其实, jquery中的选择器, 与css非常的类似的,不是吗?
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post