jquery學習總結12-24
一、jquery操作類的相關方法
1.addClass()方法可以為DOM元素添加類,若添加多個類中間可以用空格連接
2.removeClass()方法可以為DOM元素刪除類,若刪除多個類中間可以用空格連接
3.toggleClass()方法可以切換類,如果元素有類的話刪除,如果元素無類的話添加
二、jquery文本值相關操作
html()方法可以為DOM元素添加或獲取代碼片段
text()方法可以為DOM元素添加或獲取文本
val()方法可以為input元素添加或獲取value
三、jquery操作css樣式
DOM元素.css("屬性", "值") 可以為DOM元素添加CSS樣式(逐個設置,鏈式設置,批量設置(對象設置))
DOM元素.css("屬性", "值") 也可以獲取css樣式,顏色為rgb形式展示
四、jquery獲取尺寸與位置的操作
.weight與.height分別可以獲取和設置DOM元素的寬與高(僅包含content部分,沒有margin與padding部分)
.offset()方法可以獲取或設置元素距離窗口的偏移位
.position()方法可以獲取距離定位元素的偏移位
五、jquery中的scrolltop方法
.scrolltop()方法可以獲取或設置滾動的偏移位
獲取或設置網頁的偏移位時$(“html,body”).scrolltop(xxx)註意點,其中對於IE有兼容問題,使用html與body相加來實現兼容
六、jquery中的事件綁定與事件移除
綁定
1.使用eventName(fn) EG: DOM 元素. click ( function ( ) { } ) ; 部分jquery事件可以添加
2.使用on(eventName, fn)EG: DOM元素.on ( " click " , function ( ) { } ) ; js事件可以全部添加
註冊多個相同類型的事件並且不會相互排斥覆蓋
移除
DOM元素.off(“指定事件”,指定類型 )方法可以移除
如果不傳遞參數會移除所有的事件,傳一個參數的話會移除所有指定類型的事件,傳兩個參數的話會移除指定類型的指定事件
七、jquery的事件冒泡與默認行為
1.添加 return false可以阻止冒泡事件的發生
2.通過給回調函數傳參event再通過event.stoppropagation來組織冒泡事件的發生
3阻止默認行為 1. return false 2. event. preventDefault()方法組織默認事件的發生
八、jquery事件的自動觸發
1. trigger()方法可以使事件自動觸發,裏面的參數值為事件類型
2. triggerHandler()方法也可以使事件自動觸發,
區別:1.trigger自動觸發事件時會觸發事件冒泡;triggerHandler不會觸發事件冒泡
2.trigger自動觸發事件時會觸發默認行為;triggerHandler不會觸發默認行為
小BUG:trigger在自動觸發A標簽綁定的事件時,不會發生默認行為;此時可以在a標簽外添加span標簽,在span上使用trigger()
jquery學習總結12-24