jQuery选择器案例之——index.js

$(function(){
	//alert('a');
	
	///基本选择器
	//id选择器
	//$("#div1").css("background","red");
	
	//class选择器
	//$(".p1").css("color","red");
	
	//标签选择器
	//$("p").css("color","red");
	
	//并集选择器
	//$("p,li").css("color","red");
	
	//全局选择器
	//$("*").css("color","red");
	
	///层次选择器
	//1.后代选择器
	//$("#div2 ul").css("color","red");
	
	//2.子选择器
	//$("#div2>p").css("color","red");
	
	//3.相邻选择器
	//$(".p1+p").css("color","red");
	
	//4.同辈元素
	//$(".p1~p").css("color","red");
	
	///属性选择器
	//1.包含给定属性选择器的元素
	//获取所有含有name属性的元素,颜色设置为红色
	//$("[name]").css("color","red");
	
	//2.name的值等于name的变成红色
	//$("[name='name']").css("color","red");
	
	//3.name的值不是name的变成红色
	//$("[name!='name']").css("color","red");
	
	//4.name的值以p开头的变成红色
	//$("[name^=p]").css("color","red");
	
	//5.name的值以e结尾的颜色变成红色
	//$("[name$=e]").css("color","red");
	
	//6.2019年6月21日11:38:40
	//name的值中包含e的字体颜色变红
	//$("[name*=e]").css("color","red");
	
	//7.选取含有id属性,并且name的值中包含e的元素,,字体颜色变成红色
	//$("[id][name*=e]").css("color","red");
	
	
	///过滤选择器
	//1.将第一个li变成红色
	//$("li:first").css("color","red");
	
	//2.将最后一个li变成红色
	//$("li:last").css("color","red");
	
	//3.选取class不是p1的元素变成红色
	//$("li:not(.p1)").css("color","red");
	
	//4.所有li的索引是偶数的背景色换一下
	//$("li:even").css("background","red");
	
	//5.所有li的索引是奇数的背景色换一下
	//$("li:odd").css("background","red");
	
	//6.索引等于2的li变成红色
	//$("li:eq(2)").css("color","red");
	
	//7.索引大于1的li变色
	//$("li:gt(1)").css("color","red");
	
	//8.索引小于2的li变色
	//$("li:lt(2)").css("color","red");
	
	//9.所有的标题元素变成红色
	//$(":header").css("color","red");
	
	///可见性过滤器
	//1.所有可见元素变色
	//$(":visible").css("color","red");
	
	//2.将隐藏的元素变色
	$("h3").hide();
	$(":hidden").css("color","red");
	
})

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

穆雄雄

哎,貌似还没开张来着呢~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值