JQuery $this 选择器 - 如何使其工作

Question

我在使用 JQuery 的 $this 选择器时遇到问题。这是什么都不做。不过，脚本的基本核心并没有失败。

$(this).css("background-image", 
"url(http://www.divethegap.com/update/z-images/diving-trips/tabs/bases-z.png)");

有什么想法为什么它不起作用吗？我已经使用类尝试了相同的效果。

完整代码(根据要求) http://jsfiddle.net/mcxez/1/ :

标记:

<a href="?accommodation" style="background-position:-15px top;" 
   onclick="inload('?accommodation'); return false">Accommodation</a>

<a href="?travel" style="background-position:-15px top;" 
   onclick="inload('?travel'); return false">Travel</a>

js:

function inload(thelink) {
    $('.TABbase').click(function(){
        $(this).css("background-image", 
            "url(http://www.divethegap.com/update/z-images/diving-trips/tabs/bases-z.png)"); 
    });

  return false;
}

Answer 1

在 jQuery 中，this 通常是对函数内某些内容的引用......比如......

HTML

<button id="button1">1</button>
<button id="button2">2</button>

JS

$('button').click(function(){
    alert( $(this).attr('id') ); //either 'button1' or 'button2'
}

在本例中，this 指的是被单击的按钮。

也许您可以分享更多关于您想要实现的目标的代码。