昨日重點:
一、jquery 事件處理
on(): 用於事件繫結,目前最好用的事件繫結方法
off(): 事件解綁
trigger() / triggerhandler(): 事件觸發
1、事件處理 on() 繫結事件
element.事件名(事件處理函式)
(1)通過on可以一次性繫結多個事件處理程式
element.on(事件名,事件處理函式)
element.on()
element.on('事件1 事件2',事件處理函式)
(2)on還能實現事件委託
(3)可以為動態新增的元素繫結事件
(1)解除某個元素物件的所有事件處理函式繫結
ele.off()
(2)解除某事件處理函式繫結
ele.off(事件名)
(3)解除後代元素事件委託
ele.off(事件名,子元素選擇器)
(4)如果有的事件只想觸發一次,可以用one()來繫結事件
4、 事件處理 trigger() 自動觸發事件
1)第一種:trigger()
element.事件名() 第一種簡寫形式
element.trigger(事件名) 第二種自動觸發模式
2)第二種:triggrhandler()
element.triggrhandler(事件名) 第三種自動觸發模式
區別:triggrhandler模式不會觸發預設行為
二、jquery 事件物件
語法:element.on(events,selector,function(event){})
阻止預設行為:event.preventdefault()或者return false
阻止冒泡:event.stoppropagation()
三、 jquery 拷貝物件
四、jquery部分工具函式使用
(1)$.each() 可遍歷jquery物件、普通物件、陣列
$.each(,function(i,e))
(2)$.extend() 可轉殖物件至另乙個物件
(3)$.noconflict() 可將jquery頂級物件賦值給另外乙個自定義變數,避免衝突
五、jquery外掛程式應用
jquery 之家
jquery 外掛程式使用步驟:
(1)引入相關檔案。(jquery 檔案 和 外掛程式檔案)
(2)複製相關html、css、js (呼叫外掛程式)。
1、瀑布流外掛程式
外掛程式的使用三點:(1)引入css. (2)引入js (3)引入html。
2、 懶載入外掛程式
的懶載入就是:當頁面滑動到有的位置,才進行載入,用以提公升頁面開啟的速度及使用者體驗。
懶載入只需引入html 和 js操作 即可,此外掛程式不涉及css
3、全屏滾動外掛程式
全屏滾動外掛程式介紹比較詳細的**為:
4、bootstrap元件
凡是在軟體開發中用到了軟體的復用,被復用的部分都可以稱為元件,凡是在應用程式中已經預留介面的元件就是外掛程式
5、bootstrap外掛程式(js)
使用步驟 :
(1)引入 相關的css js.... --- 注意說明文件:引入檔案的順序。
(2)去官網複製html....
(3)複製js **,啟動js外掛程式 --- 如果需要更改js**,也要遵循(先轉殖人家的**,基於原來的**再次修改)
6、bootstrap案例-阿里百秀
(1)通過呼叫元件實現導航欄
(2)通過呼叫外掛程式實現登入
(3)通過呼叫外掛程式標籤頁實現 tab 欄
六、todolist案例
有jquery屬性、文字、元素及尺寸位置操作a=href""
view處理事件
當乙個view需要處理事件的時候 如果我們設定了ontouchlistener,那麼ontouchlistener裡面的ontouch方法會被呼叫,如果ontouch返回false,則當前的view的ontouchevent方法會被呼叫 如果返回值true,那麼ontouchevent方法不會被呼叫...
perl sdl處理事件
use sdl use sdlx sprite use sdl event use sdl events 畫大地 隨機生成大地的麻點 for my i 1 i 500 i 畫夜空 my sky sdlx sprite new width 400,height 200 sky su ce draw r...
處理事件冒泡
導火線 tr元素繫結了乙個點選事件,tr下面有乙個button元素,此時需要給button元素繫結乙個點選事件,而執行了tr的點選事件.需要把tr的點選事件阻止掉 方案1 在tr執行它的點選事件的時候過濾掉子元素button 菜鳥教程寫的demo 可是我專案中加上addeventlintener監聽...