jQuery教程

第一章:JQuery选择器

本文主要是介绍第一章: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选择器的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!