Jquery 遍历---not（）

最新推荐文章于 2023-10-24 20:24:45 发布

郭薇薇_

最新推荐文章于 2023-10-24 20:24:45 发布

阅读量524

点赞数

分类专栏： Jquery

本文链接：https://blog.csdn.net/sinat_16073327/article/details/45127869

版权

Jquery 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

这里写图片描述

<!DOCTYPE html>
<html>
<head>
 <style>
div { width:250px; height:350px; margin:10px; float:left;
 background:yellow; border:2px solid white; }
.green { background:#8f8; }
.gray { background:#ccc; }
#blueone { background:#99f; }
</style>
 <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
 <div></div>
<div id="blueone"></div>
<div></div>
<div class="green"></div>

<div class="green"></div>
<div class="gray"></div>
<div id="not">

 <ul class="test">
    <li>1</li>
    <li>2</li>
    <li>3
        <ul>
            <li>31</li>
            <li>32</li>
            <li>33</li>
        </ul>
    </li>
    <li>4
        <ul>
            <li>41
                <ul>
                    <li>411</li>    
                    <li>412</li>
                    <li>413</li>
                </ul>
            </li>
            <li>42
                <ul>
                    <li>421</li>
                    <li>422</li>
                    <li>423</li>
                </ul>
            </li>
            <li>43</li>
        </ul>
    </li>
 </ul>
 </div>
<script>
$("div").not(".green, #blueone")
 .css("border-color", "red");
 $("div ul").find('ul').not('ul:first').css('color','blue');
</script>

</body>
</html>

这里写图片描述

郭薇薇_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Jquery 遍历---not（）

<!DOCTYPE html><html><head> <style>div { width:250px; height:350px; margin:10px; float:left; background:yellow; border:2px solid white; }.green { background:#8f8; }.gray { background:#ccc; }#bl
复制链接

扫一扫