jquery是一種前端JavaScript庫,使用jquery能夠簡化HTML文檔的操作,以及交互與動畫效果的實現。在jquery中,常常會用到this關鍵字。
$(document).ready(function() { $('button').click(function() { $(this).fadeOut(); }); });
在上述例子中,當我們點擊按鈕時,它會消失。這是因為我們使用this關鍵字來指定我們希望操作的元素。這里的this關鍵字被用來代表觸發click事件的那個button元素。
當我們遇到類似于以上的情況,this就非常有用了。它能夠讓我們在不知道特定的元素ID或類的情況下,仍能夠達到相同的操作效果。
$(document).ready(function(){ $('p').click(function(){ $(this).hide(); }); });
在上面的例子中,當鼠標點擊任意
元素時,他們都將消失。這是因為this關鍵字指向任何的
元素,當它們被點擊時,就會觸發對應的隱藏事件。
另外,我們也可以在jquery中用$this或者jquery(this)代替this關鍵字,有時候比起它更可讀,但兩者的功能是相同的。
$(document).ready(function(){ $('button').click(function(){ var $selectedText = $(this).text(); alert($selectedText); }); });
在以上的例子中,我們在點擊按鈕后,使用$this或jquery(this)將所點擊的按鈕賦值給$selectedText,然后彈出它的文本內容。
總而言之,this關鍵字在jquery中非常有用,它可以幫助我們操作那些我們不知道唯一標識符的元素并簡化代碼。
上一篇jquery test