天天看點

前段(五)jquery及事件

jquery的優勢

jquery是什麼?

jquery的導入

$和jQuery的關系

jquery對象和dom對象的關系和轉換

type篩選器

增加

通用屬性

類的操作

click(function(){...}) // 單機事件

blur(function(){...}) // 失去焦點

focus(function(){...}) // 獲得焦點

change(function(){...}) // input框滑鼠離開時内容改變觸發

keyup(function(){...}) // 按下的鍵盤觸發事件 27對應的是esc鍵 擷取鍵盤編号 e.keyCode

mouseover/mouseout // 如果給父元素綁定了over事件,那麼這個父元素如果有子元素,每一次進入子元素也 觸發父元素的over事件

mouseenter/mouseleave = hover(function(){...}) //滑鼠的懸浮

1.左鍵點選事件

2.擷取光标(焦點)觸發事件/失去光标(焦點)出發的事件

3.域内容發生變化時觸發的事件

4.滑鼠懸浮觸發的事件

5.鍵盤按下觸發的事件/鍵盤擡起觸發的事件(e\event時間對象)

ps:觸發子标簽事件的時候會一直往上找,把父級以上标簽事件全部觸發。

ps:事件委托是通過事件冒泡的原理,利用父标簽去捕獲子标簽的事件,将未來添加進來的某些子标簽自動綁定上事件。事件委托,類似于python的裝飾器, 把綁定事件拉出來裝在父标簽上,所有子标簽事件,相當于觸發父标簽事件。

官網位址:https://www.bootcss.com/

全局樣式,元件,js插件。下載下傳以後導入就可以

作業

1.form表單的驗證提示資訊用focus和blur事件完成

2.表格操作 使用事件委托

3.小米購物車

4.模态對話框