在jquery onclick事件中获取非预期结果_Jquery

在jquery onclick事件中获取非预期结果

jquery

在jquery onclick事件中获取非预期结果,jquery,Jquery,我正在尝试为我正在做的事在单击jquery事件时添加类我的html文件 <head> <style type="text/css"> .red{ color:red; } </style> <script type="text/javascript" src="jquery.js"></script> <script type="text/

我正在尝试为我正在做的事在单击jquery事件时添加类

我的html文件

<head>
        <style type="text/css">
            .red{ color:red; }
        </style>
         <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript" src="js.js"></script>
    </head>
<body>
    <ul id="list">
        <li><a href="">1</a></li>
        <li><a href="">2</a></li>
    </ul>
</body>

当我点击

li

时，

li

的颜色将变为红色，这让我感到困惑，点击

时，我将类.red
添加到ul
中，因此两个链接都应该是红色的，但点击时，只有我点击的链接变为红色
您把jQuery的方法和普通JavaScript混淆了
在代码示例中，您需要：
$("li").click(function(){
    $("#list").addClass("red");
});

您把jQuery的方法和普通JavaScript混淆了
在代码示例中，您需要：
$("li").click(function(){
    $("#list").addClass("red");
});

没有名为onclick（）
的jQuery函数。在

上有

，单击

，但单击时没有

。列表元素变为红色是因为链接被激活，而不是因为javascript
在

上使用

：
$(document).ready(function(){
     $("li").on('click', function(){
        $("#list").addClass("red");
    });
});

或单击：
$(document).ready(function(){
     $("li").click(function(){
        $("#list").addClass("red");
    });
});

没有名为onclick（）
的jQuery函数。在
上有，单击
，但单击
时没有。列表元素变为红色是因为链接被激活，而不是因为javascript
在
上使用：
$(document).ready(function(){
     $("li").on('click', function(){
        $("#list").addClass("red");
    });
});

或单击：
$(document).ready(function(){
     $("li").click(function(){
        $("#list").addClass("red");
    });
});

它是，而不是onclick

下面是一个按预期工作的示例。我删除了
标记，这样链接颜色会干扰您的操作。
这是，而不是onclick

下面是一个按预期工作的示例。我删除了
标记，因此链接颜色会干扰您的操作。
谢谢，这只是我犯的一个简单错误，因为我从js切换到了j query+1@Mayankswami：不客气-我很高兴它帮助了你。谢谢。这只是我从js切换到j query时犯的一个简单错误+1@Mayankswami：不客气-我很高兴这对你有帮助。