javascript - this.addClass（Jquery）を使用する

Question

jqueryでthis.addclassを試し、DIVにクラスを追加しようとしていますが、これは不明である可能性があります。これはこの方法で解決できますか？

<style>.classOne { font-size:24px; color:#009900;}</style>

<script>
function hello()
{   alert();
$(this).addClass('classOne');
}
</script>

<div class="something"  onclick="hello();"> Test information </div>

Answer 1

可能な限りインライン JavaScript を避け、代わりに次のようにします。

<style>.classOne { font-size:24px; color:#009900;}</style>

<script type="text/javascript">
$(function() {
    $('.something').on('click', function() {
        alert('hello');
        $(this).addClass('classOne');
    });
});
</script>

<div class="something"> Test information </div>

フィドル

Answer 2

「これ」への言及は無効です。代わりにこれを試してください

<style>.classOne { font-size:24px; color:#009900;}</style>

<script>
function hello(ojecttRef)
{   
     alert();
     $(ojecttRef).addClass('classOne');
}
</script>

<div class="something"  onclick="hello(this);"> Test information </div>

Answer 3

これはもっと良いでしょう...

//Bind a click event to the div
$('div').on('click', function(){
     $(this).addClass('classOne');
});

//No Onclick needed here
<div class="something"> Stuff Here </div>