eq()函数的两种写法的区别

不同eq()函数的区别

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>操作样式</title>
        <script type="text/javascript" src="js/jquery-3.2.1.js" ></script>
        <style>
            .newStyle1{
                font-family: "微软雅黑";
                font-size: 14px;
                background-color: #4169E1;
                /*list-style: none;*/
            }
            .liStyle{
                list-style:none;
                background-color: antiquewhite;
            }
        </style>
    </head>
    <body>
        <ul>
            <li class="liStyle">我是li元素</li>
            <li class="liStyle">我是li元素</li>
            <li class="liStyle">我是li元素</li>
            <li>我是li元素</li>
            <li >我是li元素</li>
            <li>我是li元素</li>
        </ul>
        <button id="change">切换样式</button>
        <script type="text/javascript">
            $(document).ready(function (){
                var index = 1;
                $("li").addClass("newStyle1");
//              1.移除样式使用  .eq()方法获取元素移除他的类
//              $("li").eq(1).removeClass("liStyle");

//              2.移除样式使用  :eq()方法获取元素移除他的类,要注意的是,如果:eq()里面的是变量,不能:eq(index);这样使用,因为他会把它当做字符串
                $("li:eq("+ index +")").removeClass("liStyle");
            });
            $("#change").click(function (){
                $("li").toggleClass("liStyle");
            });
        </script>
    </body>
</html>

1.移除样式使用 .eq()方法获取元素移除他的类,使用.eq()方法,里面放变量或者是数字都可以,相比较而言,更方便一些。

var index = 3;
$("li").eq(index).removeClass("liStyle");

$("li").eq(1).removeClass("liStyle");

2.移除样式使用 :eq()方法获取元素移除他的类,要注意的是,如果:eq()里面的是变量,不能:eq(index);这样使用,因为他会把它当做字符串

使用方法:


$("li:eq("+ index +")").removeClass("liStyle");
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值