首頁  >  文章  >  web前端  >  jquery中鍊式運算和hover之關聯-next關鍵字的詳解

jquery中鍊式運算和hover之關聯-next關鍵字的詳解

黄舟
黄舟原創
2017-06-26 11:15:381621瀏覽

$("p").css("color","re​​d").add#Class("hehe")

這是很普通的鍊式操作,又變顏色,又加了一個樣式「類別」。

這樣感覺鍊式運算只能是為了自己,其實不然。

$(".ti").click(
function( ){
$(this).css("color","red").next(".pcontent").css("display","block");
}
)

這個鍊式運算為兩個不同的元素做了2件事。

點選className為ti的元素,會為它自己增加一個類別pcon,然後也會將類別值為pcontent的元素的display設為block。

    注意,如果要操作別的元素,一定要加上關鍵字next,否則會報錯,next就告訴jquery要操作別的元素啦。

而css中的hover,a:hover b { color:red },這是典型的hover a元素然後給b元素增加效果的寫法。

這兩個真不容易,總為別人著想。

以上是jquery中鍊式運算和hover之關聯-next關鍵字的詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn