1. 程式人生 > >jquery學習總結12-24

jquery學習總結12-24

offset inpu add urn 阻止 添加多個 pad 冒泡事件 handler

一、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