JQuery - 反向选择器

最新推荐文章于 2024-04-17 09:12:12 发布

weixin_34214500

最新推荐文章于 2024-04-17 09:12:12 发布

阅读量1.1k

点赞数

文章标签： javascript 前端 python ViewUI

原文链接：https://my.oschina.net/u/138995/blog/194459

版权

2019独角兽企业重金招聘Python工程师标准>>>

<html>
<head>
<title>jQuery not example</title>
 
<script type="text/javascript" src="jquery-1.9.1.js"></script>
</head>
 
<body>
 
<h1>jQuery not example</h1>
 
<ul class="class-ul">
 <li>class-ul - #1</li>
 <li>class-ul - #2</li>
 <li>class-ul - #3</li>
 <li>class-ul - #4</li>
 <li>class-ul - #5</li>
</ul>
 
<ul id="id1">
 <li>id1 - #1</li>
</ul>
 
<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</button>
<button>li: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>

转载于:https://my.oschina.net/u/138995/blog/194459