jQuery中$(this)背后的基本原理

Question

我正在尝试使用jQuery生成一个小脚本,我遇到了障碍.我的脚本是关于<tr>使用类将表的每个单击对象转换为特定样式trHighlight:

$(document).ready(function() {          
    $('tr').bind('click', function() {
    $(this).addClass('trHighlight');
    });
});

我现在试图在再次单击表格的每一行(每个对象)时返回到正常样式<tr>.我尝试了以下脚本:

$(document).ready(function() {          
    $('tr').bind('click', function() {
       $(this).addClass('trHighlight');
    });
    $('tr .trHighlight').bind('click', function() {
       $(this).removeClass('trHighlight');
    });
});

特定的if结构也没有那么大的帮助.你有什么想法？

另一个问题是:你有可以通过被不客气的所有属性的描述this.x一样this.id-也许我可以尝试找到使用的"本"的类属性的方法吗？

Answer 1

你可以使用toggleClass():

$(document).ready(function () {
  $('tr').bind('click', function () {
    $(this).toggleClass('trHighlight');
  });
});

并可能考虑bind()改为on().两者都有效,两者的优点和缺点都是参考:jquery .bind()与.on().
您应该使用.on(),因为.bind()已弃用.但是作为旁注 - bind()是一个重写函数on()- http://james.padolsey.com/jquery/#v=2.0.3&fn=$.fn.bind(从这个答案中检索到的实际信息:jquery .bind()vs.上()