1 jquery
1.1 簡介css
jQuery是一個 JavaScript 庫,即對js的封裝html
jQuery極大地簡化了JavaScript編程,如對節點增刪改查及動畫添加jquery
jQuery封裝了異步post和 get請求編程
要學習jQuery前你首先要具有HTML/CSS/JS的相關知識app
jQuery開發教程網站:異步
http://jquery.cuishifeng.cn/函數
http://www.w3school.com.cn/jquery/index.asppost
1.1 jquery能作什麼
1. HTML元素選取學習
2. HTML事件函數動畫
3. HTML元素操做-增刪改查
4. CSS操做
5. JavaScript特效和動畫
6. HTML DOM遍歷和修改
7. AJAX
1.2 jquery的基本使用
jquery的導入
下載jquery庫,下載地址：http://jquery.com/【下載的jquery版本通常沒有要求】
把jquery.js導入項目WebContent的js 目錄下
在html的head標籤中導入jQuery的js文件
在script標籤中寫jQuery代碼，如圖，代碼都寫在function的括號內
文檔就緒函數
這是爲了防止文檔在徹底加載（就緒）以前運行jQuery代碼。若是在文檔沒有徹底加載以前就運行函數，操做可能失敗。
jquery的語法
基礎語法是：$(selector).action()
美圓符號定義jQuery
選擇符（selector）「查詢」和「查找」 HTML 元素
jQuery的 action() 執行對元素的操做
jquery的選擇器和事件
id選擇器
element元素選擇器
class選擇器
jquery的事件監聽函數
組合選擇器
組合選擇器也就是將id,元素，類選擇器組合使用.
selector1,selector2,selectorN
屬性選擇器
jQuery使用 XPath 表達式來選擇帶有給定屬性的元素。
$("[src]")選取全部帶有 href 屬性的元素。
]$("[src='#']")選取全部帶有 href 值等於 "#" 的元素。
$("[src$='.jpg']")選取全部 href 值以 ".jpg" 結尾的元素。
query篩選
普通篩選
:first第1個
:last最後1個
eq(index)指定索引
even偶數
:odd奇數
:lt(index)小於
:gt(index)大於
:not(selector)排除
查找篩選
parent([expr])
取得一個包含着全部匹配元素的惟一父元素的元素集合
children([expr])
取得一個包含匹配的元素集合中每個元素的全部子元素的元素集合。
siblings([expr])
取得一個包含匹配的元素集合中每個元素的全部惟一同輩元素的元素集合。能夠用可選的表達式進行篩選
jquery控制css
jquery控制html
添加標籤
append() -在被選元素的結尾插入內容
prepend() -在被選元素的開頭插入內容
after() -在被選元素以後插入內容
before() -在被選元素以前插入內容
刪除標籤
remove() -刪除被選元素（及其子元素）
empty() -從被選元素中刪除子元素
設置或獲取html標籤的內容
text() -設置或返回所選元素的文本內容
html() -設置或返回所選元素的內容（包括 HTML 標記）
val() -設置或返回表單字段的值
添加屬性與獲取屬性值
attr("placeholder","請輸入用戶名");
attr("placeholder");
移除屬性
removeAttr()