常用方法 · 人手一本php工具書

# :-: 引入方式 & 寫法 ``` html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> </head> <body>  <script src="https://cdn.bootcss.com/jquery/3.3.1/core.js"></script> <script> //當DOM準備就緒時，指定一個函數來執行。 $(function() { // 該寫法等同于 .ready(); }); </script> </body> </html> ``` # :-: 特殊的 ``` jquery ready(); 案例：這等價于調用推薦的方式： $(function() { // Handler for .ready() called. }); $(this); //當前對象 toggle() //綁定兩個或多個事件處理器函數，以響應被選元素的輪流的 click 事件。如果元素是可見的，切換為隱藏的；如果元素是隱藏的，切換為可見的。 each(); //遍歷數據 $.parseJSON( json );??????? //JSON字符串轉為與之對應的JavaScript對象 ``` # :-: 操作屬性 ``` jq //獲取值 val() //無參數獲取值；帶參數給當前對象賦值 attr() //1個參數，獲取當前屬性的值；2個參數給當前屬性賦值 //填充值 html() //""清空當前的值，1個參數是賦值 text() //修改標簽外或被倆個標簽包裹的字 ``` # :-: 綁定事件 ``` jq on(); //第2個參數，是由哪個選擇器觸發該事件 bind() //給獲取的元素，綁定事件 ``` # :-: 隱藏、顯示 ``` jq hide(); //隱藏 show(); //顯示 ``` # :-: 操作節點【增、刪、查、改（先刪后增）】 ``` jq find(); //查找x個節點，標簽的話直接寫標簽名，id的話用# appendTo(); //將匹配的元素插入到目標元素的最后面 append(); //和上一個一樣，追加節點 parent(); //父節點 remove(); //刪除節點 ``` # :-: 操作css ``` jq css(); //改1個樣式直接寫，改多個樣式，將{ "color": "#ff0011", "background": "blue" }放到括號中 ``` # :-: 將jq的屬性改成對象 ``` jq function foo(options){ jQuery.extend(function(){ {name:"bar"} //用{}將其改成對象 {length:5} {dataType:"xml"} },opeions); }; ``` # :-: 遍歷數據 ```jq //data 要循環的數組；i鍵e值（等同于foreach的key=>value） $.each(data,function(i,e){ console.log(e['id']); }); ``` # :-: ajax ``` jq $.ajax({ //發送ajax url:sendUrl, //url type:'post', //以post發送 data:{'user':sendData}, //要發送的數據。后端接收$_POST['user'] dataType:'json', //返回的數據類型 success:function(res){ console.log(res); } }); ```