Question

我是jQuery的新手，但我对它的强大功能印象深刻。这是我的问题：

我想

如果点击class='dec' #jf1，则class='undec'添加class='undec'
如果点击#jf1 class='dec'，则<script> $(document).ready(function(){ $(function() { $('#jf1').click(function() { if ('#jf1'.hasClass("undec")) { $('#jf1').toggleClass("undec dec"); } else if ('#jf1'.hasClass("dec")) { $('#jf1').toggleClass("dec undec"; } }); }); }); </script>添加{{1}}

这就是我所拥有的 - 它不起作用！

{{1}}

Answer 1

您的代码中存在多个语法错误，您的if语句应为：

if ( $('#jf1').hasClass("undec") ) {

同样$(function(){})是$(document).ready(function(){})的简写版本，您不应该嵌套它们。 toggleClass删除并添加了类，因此无需在此处使用if语句。

$(function() {
    $('#jf1').click(function() {
        // `this` refers to the clicked element
        $(this).toggleClass("undec dec");
    });
});

Answer 2

试试这个：http://jsfiddle.net/YS5F5/

 $(document).ready(function () {
    $('#jf1').click(function () {
        alert("hello");
        $('#jf1').toggleClass("undec");
        $('#jf1').toggleClass("dec");

    });
});

在jQuery（文档）.ready部分

之后不再需要该函数

jquery if else语句hasClass addClass单击

2 个答案: