關於Jquery2

Jquery

事件綁定

1. 文檔加載之後執行

   Js

   • window.onload = function(){

     頁面加載之後執行的內容

     }

   Jquery

   • $(document).ready(function(){

     頁面加載完成後執行的內容

     })

   • $(function(){

     頁面加載完成後執行的內容

     })

     Jquery中的事件屬性

   • click() 單擊

   • dblclick() 雙擊

   • mouseover()鼠標移入

   • mouseout()鼠標移出

   • blur()丟失焦點

   • focus()獲得焦點

   • submit()表單提交

標籤對象的操作方法

1. $()obj.parent(); 獲取標籤對象的父節點
2. $()obj.parents(); 獲取標籤對象的所有層級祖先節點
3. $()obj.parents(選擇器); 獲取標籤對象含有指定選擇的祖先節點
4. $()obj.children(); 獲取標籤對象所有的子節點
5. $()obj.children(選擇器); 獲取標籤對象含有指定選擇器的子節點
6. $()obj.next(); 獲取標籤對象的下一個兄弟節點 等價於js 的nextSibing()
7. $()obj.prev() 獲取標籤對象的上一個兄弟節點

動畫相關的方法

1. $(選擇器).show(參數); 從瀏覽器左上角淡入效果,參數淡入時間 毫秒
2. $(選擇器).fadeIn(參數) 淡入 參數 淡入時間 毫秒
3. $(選擇器).slideDown(參數) ;向下滑動 參數滑動時間 單位毫秒
4. $(選擇器).hide(參數); 從瀏覽器左上角淡出 參數 時間 毫秒
5. $(選擇器).fadeOut(參數); 淡出 參數 時間毫秒
6. $(選擇器.slideUp(); 向上滑動 參數 時間 毫秒

插件

1. 放大鏡插件
   • 將插件相關的js文件和css樣式文件導入項目中
   • 將對應的js文件和css樣式引入當前頁面
2. 表單驗證插件
   • 引入相關的js文件和css樣式文件
   • 將文件引入當前文件

經常用的方法總結

1. 選擇器 id選擇器
2. 標籤對象的創建$(“標籤 拼接動態文本”)
3. empty 清空內部元素
4. remove 連帶自己一起刪除
5. 夫標籤.append(子) 添加
6. prop(“屬性名”,“屬性值”)
7. obj.val() input 標籤value屬性值獲取和修改
8. parent()獲取父標籤對象
9. 編程式事件綁定 $()obj.click(function(){事件觸發後的功能 監聽函數})
10. 頁面加載之後運行: $(function(){頁面加載後執行的內容})