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