您的位置：首页 > Web前端 > JQuery

JQuery - 反向选择器

2014-01-20 00:00 267 查看

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航