JQuery - 反向選擇器

時間 2019-11-10

原文原文鏈接

<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>

1. jQuery-jQuery選擇器
2. jQuery選擇器
3. jQuery 選擇器
4. jquery選擇器
5. JQuery選擇器
6. Jquery 選擇器
7. JQuery - * 選擇器
8. jquery——選擇器
更多相關文章...
• jQuery Mobile 表單選擇菜單 - jQuery Mobile 教程
• XQuery 選擇和過濾 - XQuery 教程
• Flink 數據傳輸及反壓詳解
• Docker容器實戰(七) - 容器眼光下的文件系統

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。