鋒利的jQuery

鋒利的jQuery

1.用jQuery檢查某個元素在網頁上是否存在時,不能使用以下代碼:
if((“#tt”))
{
//dosomething
}
而應該根據獲取到元素的長度來判斷,代碼如下:
if((“tt”).length > 0)
{
//do something
}
或者轉化成DOM對象來判斷,代碼如下
if($(“#tt”)[0])
{
//do something
}
這裡寫圖片描述
這裡寫圖片描述瀏覽器後才執行,即JavaScript此時
才可以訪問網頁中的任何元素。
$(document).ready()方法註冊的事件處理程序,在DOM完全就緒時就可以被調用
2.事件綁定 bind()
事件移除 unbind([type][,data])
show() hide()可以實現顯示隱藏功能
fadeIn()和fadeOut()方法隻改變元素的不透明度
slideDown() slideUp()改變元素的高度
3.事件冒泡
停止事件冒泡 event.stopPropagation()
阻止默認行為 event.preventDefault()
註:如果想同時對事件對象停止冒泡和默認行為,可以在事件處理函數中返回false
jQuery不支持事件捕獲
4.自定義簡單動畫 animate()
註:使一個元素動起來,要更改元素的left樣式屬性。在使用animate()方法之前,為瞭能影響該元素的top、left、bottom和right樣式屬性,必須先把元素的position樣式設置為relative或absolute。

發佈留言