Jquery
事件綁定
-
文檔加載之後執行
Js
-
window.onload = function(){
頁面加載之後執行的內容
}
Jquery
-
$(document).ready(function(){
頁面加載完成後執行的內容
})
-
$(function(){
頁面加載完成後執行的內容
})
Jquery中的事件屬性
-
click() 單擊
-
dblclick() 雙擊
-
mouseover()鼠標移入
-
mouseout()鼠標移出
-
blur()丟失焦點
-
focus()獲得焦點
-
submit()表單提交
-
標籤對象的操作方法
- $()obj.parent(); 獲取標籤對象的父節點
- $()obj.parents(); 獲取標籤對象的所有層級祖先節點
- $()obj.parents(選擇器); 獲取標籤對象含有指定選擇的祖先節點
- $()obj.children(); 獲取標籤對象所有的子節點
- $()obj.children(選擇器); 獲取標籤對象含有指定選擇器的子節點
- $()obj.next(); 獲取標籤對象的下一個兄弟節點 等價於js 的nextSibing()
- $()obj.prev() 獲取標籤對象的上一個兄弟節點
動畫相關的方法
- $(選擇器).show(參數); 從瀏覽器左上角淡入效果,參數淡入時間 毫秒
- $(選擇器).fadeIn(參數) 淡入 參數 淡入時間 毫秒
- $(選擇器).slideDown(參數) ;向下滑動 參數滑動時間 單位毫秒
- $(選擇器).hide(參數); 從瀏覽器左上角淡出 參數 時間 毫秒
- $(選擇器).fadeOut(參數); 淡出 參數 時間毫秒
- $(選擇器.slideUp(); 向上滑動 參數 時間 毫秒
插件
- 放大鏡插件
- 將插件相關的js文件和css樣式文件導入項目中
- 將對應的js文件和css樣式引入當前頁面
- 表單驗證插件
- 引入相關的js文件和css樣式文件
- 將文件引入當前文件
經常用的方法總結
- 選擇器 id選擇器
- 標籤對象的創建$(“標籤 拼接動態文本”)
- empty 清空內部元素
- remove 連帶自己一起刪除
- 夫標籤.append(子) 添加
- prop(“屬性名”,“屬性值”)
- obj.val() input 標籤value屬性值獲取和修改
- parent()獲取父標籤對象
- 編程式事件綁定 $()obj.click(function(){事件觸發後的功能 監聽函數})
- 頁面加載之後運行: $(function(){頁面加載後執行的內容})