jquery裡面的 this 和this

2021-08-21 06:24:00 字數 1597 閱讀 8284

當你用的是jquery時,就用$(this),如果是js,就用this

$(this).html( $(this).html() + " bam! ");

這個裡的html()是jquery方法,用$(this).html(),當然,js裡也有相似方法innerhtml,如果用innerhtml,就要這樣寫了,這裡的reset是js方法,所以同上得用this.reset():

1this

.innerhtml(); 

2this.reset();

jquery物件$(this)[0]等同於js裡的元素this,這裡的this是一樣的,相信你應該看出來了,js裡的元素只要包上$()就是jquery物件了,而jquery的物件只要加上[0]或者.get(0),就是js元素了。

$(this

)是jquery物件,this就是簡單指當前元素。jquery物件不能直接指定元素的屬性(ele.style),需要get(index)或者直接(index)取得物件中元素才行

jquery中的 $() 這個符號,實際上這個符號在jquery中相當於jquery(),即$(

this)=jquery(this);

也就是說,這樣可以返回乙個jquery物件。那麼,當你在網頁中alert($('#id'));時,會彈出乙個[object object ],這個object物件,也就是jquery物件了。

那麼,我們再回過頭來說$(this),這個this是什麼呢?假設我們有如下的**:

$("#desktop a img").each(function

(index)

那麼,這時候可以看出來:

alert($(this)); //

彈出的結果是[object object ]

alert(

this); //

彈出來的是[object htmlimageelement]

jquery中this與$(this)的區別

$("#textbox").hover(

function

() ,

fucntion()

);

這裡的this其實是乙個html 元素(textbox),textbox有text屬性,所以這樣寫是完全沒有什麼問題的。

但是如果將this換成$(this)就不是那回事了,error--報了。this與$(this)的區別在此。

//

error code:

$("#textbox").hover(

function

() ,

function

() );

這裡的$(this)是乙個jquery物件,而jquery物件沒有title 屬性,因此這樣寫是錯誤的。

jquery擁有attr()方法可以get/set dom物件的屬性,所以正確的寫法應該是這樣:

正確的**:

$("#textbox").hover(

function

() ,

function

() );

jquery裡面的 this 和this區別

最近在學習jquery,裡面經常出現 this 和this,經常混淆出錯,網上查了下2者的區別做了一下了解,總結如下 textbox hover function function 這裡的this其實是乙個html 元素 textbox textbox有text屬性,所以這樣寫是完全沒有什麼問題的。...

jquery裡面的 this 和this的區別

當你用的是jquery時,就用 this 如果是js,就用this。jquery this html this html bam js this innerhtml this reset 這個裡的html 是jquery方法,用 this html 當然,js裡也有相似方法innerhtml,如果用...

jquery裡面的迴圈的用法

下面提一下jquery的each方法的幾種常用的用法 js var arr one two three four each arr,function 上面這個each輸出的結果分別為 one,two,three,four var arr1 1,4,3 4,6,6 7,20,9 each arr1,f...