jQuery基礎，選擇器
阿新 • • 發佈：2017-06-04
-1 first name div 操作 偶數 prototype 框架 優化 jQuery的核心特性可以總結為：具有獨特的鏈式語法和短小清晰的多功能接口；具有高效靈活的css選擇器，並且可對CSS選擇器進行擴展；擁有便捷的插件擴展機制和豐富的插件。jQuery兼容各種主流瀏覽器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。[1]
jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之後又一個優秀的JavaScript代碼庫（或JavaScript框架）。jQuery設計的宗旨是“write Less，Do More”，即倡導寫更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設計模式，優化HTML文檔操作、事件處理、動畫設計和Ajax交互。
jQuery的核心特性可以總結為：具有獨特的鏈式語法和短小清晰的多功能接口；具有高效靈活的css選擇器，並且可對CSS選擇器進行擴展；擁有便捷的插件擴展機制和豐富的插件。jQuery兼容各種主流瀏覽器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。[1]
jQuery有好多版本本,無法同時引用兩個不同的版本,容易造成混亂,用哪一個,調用哪一個.\
jQuery引用到<head></head>中,頁面加載時就需要特效調用這些方法.
選擇器
基礎選擇器：
- ID選擇器:$("#d1")
- class選擇器:$(".d1")
- 標簽選擇器:$("div")
組合選擇器：
- 平級並列:$("#d1,#d2") 加逗號
- 後代:$(#d1 d11)加空格
過濾選擇器：
- 基本過濾：
- class集合中的第一個:$(".d1:first")
- class集合中的最後一個:$(".d1:last")
- class集合中某一個:$(".d1:eq(索引號)")
- class集合中某個索引之前:$(".d1:lt(索引號)")
- class集合中某個索引之後:$(".d1:gt(索引號)")
- class集合中除某個索引之外:$(".d1:not(索引號)")
- class集合中的奇數索引:$(".d1:odd") 1,3,5....
- class集合中的偶數索引:$(".d1:even") 0,2,4.....
- 屬性過濾：
- class集合中屬性名值對過濾:$(".d1[id=d1]") 或[id!=d1]
- 內容過濾：
- class集合中的內容文字中包含某個字符串:$(".d1:contains(‘字符串‘)")
- class集合中的某個選擇器子集中存在某個選擇器:$(".d1:has(‘id=d0‘)")
找他的子集，this代表觸發事件的div 找他的子集裏面的class是div2的 第一個（eq（索引值））；
jQuery基礎，選擇器