1

私は jQuery を初めて使用しますが、その力にはすでに非常に感銘を受けています。これが私の質問です：

したい

  • クリックすると追加class='dec'されます#jf1class='undec'
  • クリックすると追加class='undec'されます#jf1class='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>
4

2 に答える 2

6

コードにいくつかの構文エラーがあります。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");
    });
});
于 2013-02-26T08:10:58.743 に答える
0

これを試してください：http://jsfiddle.net/YS5F5/

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

    });
});

jQuery(document).ready 部分の後に再び関数を必要としない

于 2013-02-26T08:17:07.463 に答える