jquey的not 选择器

在jquery中,not被用来选择所有与选择器不匹配的元素。

例如:

1 $(‘p:not(.class-p1)’) —选择所有不含类名为class1-p1 的p标签。

2 $(‘li:not(:only-child)’)—选择不是其父标签的唯一子标签的所有li标签

3 $(‘li:not(:first-child)’)—选择不是其父标签的第一个子标签的所有li标签

 

具体事例:

一个简单的实例展示了jquery的not选择器,点击按钮会有相应的反馈。


<html>
	<head>
		<title>jquery not example</title>
		<script type="text/javascript" src="../jquery-1.11.1.min.js"></script>
	</head>
	
	<body>
	<h1>jquery not example</h1>
	<u1 class="class-u1">
	   <li>class-u1-#1</li>
	     <li>class-u1-#2</li>
	       <li>class-u1-#3</li>
	         <li>class-u1-#4</li>
	           <li>class-u1-#5</li>
	</u1> 
	<u1 id="id1">
	  <li>id1-#1</l1>
	</u1>
	<p class="class-p1">
	 class-#p1
	</p>
	<p class="class-p2">
	class-#p2
	</p>
	<button>p:not(.class-p1)</button>
	<button>li:not(:only-child)</button>
	<button>li:not(:first-child)</button>
	<script type="text/javascript">
	$("button").click(function(){
		var str=$(this).text();
		$("li,p").css("background","white");
		$(str).css("background","coral");
		
		});
	
	</script>
	
	</body>
</html>

效果1:


点击按钮1:


点击按钮2:


点击按钮3:




  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值