- 1.jQuery的優勢?
對Ajax進行封裝,支持css3,豐富的UI.
- 2.jQuery的引入?
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
- 3.選擇器分類?
基礎選擇器
- $("*") : 所有元素
- $(".xx") : 類選擇器 (class="xx")
- $("#xx"): id選擇器 (id="xx")
- $("div") : 元素選擇器
屬性選擇器
1)$("[href]") 選取所有帶有 href 屬性的元素。 - $("[href='#']") 選取所有帶有 href 值等于 "#" 的元素。
- $("[href!='#']") 選取所有帶有 href 值不等于 "#" 的元素。
- $("[href$='.jpg']") 選取所有 href 值以 ".jpg" 結尾的元素。
其他選擇器 - $("p,div") : 多項選擇器(用,分開)
- $("p.a") : 組合選擇器
- $("p a") : 層級選擇器
- 4.事件監聽?
- $(document).ready(function) : 文檔加載完成
- $(sel).click(function) : 點擊事件
- $(sel).dbclick(function) : 雙擊事件
- $(sel).focus(function) : 焦點事件
- $(sel).mouseover(function) : 鼠標懸停事件