本文主要是介绍第一章:JQuery选择器,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
# 基础选择器
标签名选择器 $("div")
id选择器 $("#id")
class选择器 $(".class")
分组选择器 $("div,#id,.class")
任意元素选择器 $("*")
# 层级选择器
$("div span") 匹配div里面所有的span
$("div>span") 匹配div里面所有的span子元素
$("div+span") 匹配div的弟弟元素span
$("div~span") 匹配div的弟弟们span
## 层级方法
$("#abc").siblings() 获取id为abc元素的所有兄弟元素
$("#abc").siblings("div") 获取id为abc元素的所有div兄弟元素
# 过滤选择器
$("div:first") 匹配所有div中的第一个
$("div:last") 匹配所有div中的最后一个
$("div:even") 匹配所有div中下标为偶数的元素
$("div:odd") 匹配所有div中下标为奇数的元素
$("div:lt(n)") 匹配所有div中下标小于n的元素
$("div:gt(n)") 匹配所有div中下标大于n的元素
$("div:eq(n)") 匹配所有div中下标等于n的元素
$("div:not(.abc)") 匹配所有div中class值不等于abc的元素
# 可见选择器
$("div:hidden") 匹配所有隐藏的div
$("div:visible") 匹配所有显示的div
## 隐藏显示相关的方法
$("#abc").show(); 显示
$("#abc").hide(); 隐藏
$("#abc").toggle(); 隐藏显示切换
# 属性选择器
$("div[id]") 匹配有id属性的所有div
$("div[id='xxx']") 匹配id值为xxx的所有div
$("div[id!='xxx']") 匹配id值不为xxx的所有div
# 表单选择器
1.:input 表单内所有控件
2.:password 密码框
3.:radio 单选
4.:checkbox 多选
5.:checked 选中的单选 多选和下拉选
6.input:checked 选中的单选和多选
7.:selected 选中的下拉选
这篇关于第一章:JQuery选择器的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!