jQuery –非选择器示例

最新推荐文章于 2022-12-06 17:23:41 发布

cyan20115

最新推荐文章于 2022-12-06 17:23:41 发布

阅读量516

点赞数

文章标签： javascript ViewUI

在jQuery中，“ not ”用于选择与选择器不匹配的所有元素。

例子

$（'p：not（.class-p1）'）–选择与<p>匹配的所有不具有“ class-p1”类名称的元素。
$（'li：not（：only-child）'）–选择与<li>匹配的，不是其父代唯一子代的所有元素。
$（'li：not（：first-child）'）–选择与<tr>匹配的，不是其父级的第一个孩子的所有元素。

jQuery示例

一个简单的示例显示jQuery“ not”选择器的用法，单击按钮以对其进行播放。

<html>
<head>
<title>jQuery not example</title>
 
<script type="text/javascript" src="jquery-1.3.2.min.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: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>

试试演示

标签： jQuery jQuery选择器

翻译自: https://mkyong.com/jquery/jquery-not-selector-example/

cyan20115

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery –非选择器示例

在jQuery中，“ not ”用于选择与选择器不匹配的所有元素。例子 $（'p：not（.class-p1）'）–选择与<p>匹配的所有不具有“ class-p1”类名称的元素。 $（'li：not（：only-child）'）–选择与<li>匹配的，不是其父代唯一子代的所有元素。 $（'li：not（：first-child）'）–选择与<t...
复制链接

扫一扫