jquery是js開發框架的其中一種， jq把原生的js**封裝成為了乙個函式庫，按其語法進行呼叫就可以使用。
既然是函式庫就需要匯入相應的檔案，要匯入juery.min.js.
一、 jq的載入事件
三種：
1、$(document).ready(function());
2、$(function());
3、jquery(documen).ready(function($));
ex: $(function());
1、 id選擇器
html:
jq:var div= $(「#d1」);
html:
jq:var div= $(「#d1」);
html:
jq:$(「div」)表示選擇頁面中所有出現的div元素，
$(「div:eq(0)」)表示選擇頁面中所有出現的div元素中的第乙個
html
jq:var elements=$(「.d1 ,h1,span,#p1」);
console.log(elements[3])
html:jp:
var ins = $(「form input」);
html:jq:
var ins = $(「form > input」);
html:
jq:var item =$(「ul li:first」);
html:
jq:var item =$(「ul li:last」);
html:
打球看書
睡覺寫**
jq:var boxs=$(「input:not(:checked)」);
html:
jq:var trs=$(「table tr:event」);
html:
jq:var trs=$(「table tr:odd」);
html:
jq:$(「div」)表示選擇頁面中所有出現的div元素，
$(「div:eq(2)」)表示選擇頁面中所有出現的div元素中的第三個；
$(「div:gt(0)」)表示索引大於0的元素，$(「div:gt(i)」)表示索引大於i的所有元素；
$(「div:lt(0)」)表示索引小於0的元素，$(「div:lt(i)」)表示索引小於i的所有元素；
選擇出具有id的元素：
$(「div[id]」);
根據name選擇元素：
$(「div[name=』d2』]」);
選擇name不等於d2的元素：
$(「div[name!=』d2』]」);
選擇id以d開頭的元素：
$(「div[id ^=』d』]」);
選擇id包含了d的元素：
$(「div[id *=』d』]」);
選擇id以「1」結尾的元素：
$(「div[id $=』1』]」)
選擇class為.c的元素
$(「div[class=』c』]」)
以上的（以什麼開頭，以什麼結尾，包含，不等於…）通用於id,name,class等元素屬性。
三、事件繫結
1、$(function())
})
2、$(function())
function add()
3、$(function());
})
4、$(function());
})
1、取得指定元素下的 所有子元素
html：
< div>
< input />
< span>hhh< /span>
< input/>
jq:
$(「div」).children();
取到的是：
[< input />
< span>hhh
< input/>
]
html：
< div>
< input />
< span id=」s1」>hhh
< input/>
< /div>
jq:$(「div」).children(「#s1」);```
取得是：
[ < span id=」s1」 >hhh ]
html：< input />
< span id=」s1」>hhh
< input/>
< /div>
jq:
$(「div」).find(「span[ id=』s1』]」);
html：
< div class=」d1」>
< input />
```< span id=」s1」>hhh```
< input/>
< /div>
$(「span[ id=』s1』 ]」).parents();//找到它所有父類
$(「span[ id=』s1』 ]」).parents(「div[ class=』d1』 ]」);//找到它指定的父類
5、為指定的元素追加子元素
html:
jq:
html:
< div class=」d1」>
< input />
< span id=」s1」>hhh
< input/>
< /div>
jq:$(「span[id=』s1』]」).remove();
jQuery使用簡單示例 validate 外掛程式
摘錄自 使用者登入 使用者名稱密碼 確認密碼 html view plain copy jquery validation 外掛程式title head 使用者登入legend p 使用者名稱label p 密碼label p 確認密碼label p p fieldset form script s...
jQuery中filter方法的簡單使用
1 舉個簡單的栗子 我們想給select標籤在頁面初始化完成後設定乙個預設值，咱們一般用簡單的迴圈去實現元素節點的查詢 比較浪費效能 當前可以通過jquery選擇器來實現 簡單 下面我們用filter 方法來實現。2 html 星期一 星期二星期三 星期四星期五 星期六星期日 3 jquery 咱們...
使用jQuery實現簡單的飛機大戰
飛機大戰 實現思路 物件 飛機 子彈 敵機 實現思路 獲取飛機 使飛機從螢幕中間生成 為飛機新增按鍵效果 實現按鍵生成子彈效果 並設定子彈之間的時間間隔 通過setinterval方法實現根據時間建立敵機物件 通過setinterval方法使子彈與敵機都成垂直移動 寫出乙個判斷兩個物件是否碰撞的方法...