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.模态對話框