JQuery选择器:获取对应标签对象

一、基本选择器【必须会】## 标题

	1、id选择器  通过id的属性获取标签对象
		例子:通过id属性将ol中的标签全部隐藏
		$("#ll").css("display","none");
	2、类选择器:通过标签的class属性获取标签
		$(".c1").css("display","none");
	3、标签选择器  通过标签名获取标签对象 
		语法:$(“标签名”)  将li标签的内容隐藏起来
		$("li").css("display","none");
	4、多路选择器
		语法:$(“选择器,选择器,…”)
		$("li,p,input").css("display","none");
	5、全选择器
		语法:$(“*”)
		$("*").css("display","none");

二:层次选择器:## 标题

	1、后代选择器 获取标签对象中所有的子标签对象  包括孙子
		语法:$(“选择器 选择器”)
		$("#l1 li").css("display","none");
	2、直接子代选择器  只获取相关的子标签  孙子不算
		语法:$(“选择器>选择器”)
		$("#l1>li").css("display","none");
	3、直接兄弟选择器 获取下一个兄弟
		语法:$(“选择器+选择器”)
		$("#d1+li").css("display","none");
	4、所有兄弟选择器   获取后续所有的亲兄弟标签
		语法:$(“选择器~选择器”)
		$("#d1~li").css("display","none");

三:简单过滤选择器 ## 标题

	1、:first   一组对象中的第一个标签对象
	$("li:first").css("display","none");
	
	2、:last    一组对象中的最后一个标签对象
	$("li:last").css("display","none");
	
	3、:eq(index)  等于某个下标获的标签对象
	$("li:eq(2)").css("display","none");
	
	4、:gt(index)  大于某个下标获的标签对象
	$("li:gt(1)").css("display","none");
	
	5、:lt(index)   小于某个下标获的标签对象
	$("li:lt(1)").css("display","none");
	
	6、:even  偶数下标
	$("li:even").css("display","none");
	
	7、:odd   奇数下标
	$("li:odd").css("display","none");
	
	8、:not(选择器)  不包含指定选择器的标签对象
	$("li:not(c1)").css("display","none");

四、内容过滤选择器## 标题

	:empty  获取标签内部为空的标签对象 <x></x>
	:parent  获取标签内部不为空的标签对象
	:contains(text) 获取含有指定文本内容的标签对象

五、可见性过滤选择器## 标题

	:hidden  获取隐藏的标签对象
	:visible   获取可见的标签对象

六、属性过滤选择器【重点】## 标题

	$(“选择器[属性名]”)  获取所有包含指定属性值的对象
	$(“选择器[属性名=值]”)  获取所有包含指定属性名等于对应值的对象
	$(“选择器[属性名!=值]”)  获取所有包含指定属性名不等于对应值的对象

七、与单选框和复选框相关的选择器## 标题

	:checked  获取被选中的单选框或复选框对象

八、与下拉列表相关的选择器## 标题
:selected 获取被选中的下拉列表的option对象

九、与form表单相关的选择器 更加方便的获取表单元素## 标题
:checkbox
:input
:text
:password
:radio
:submit
:image
:reset
:file
:hidden
$(“:属性名”)

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值