1 什麼是Jquery?
Jquery它是javascript的一個輕量級框架,對javascript進行封裝,它提供了很多方便的選擇器。供你快速定位到需要操作的元素上面去。還提供了很多便捷的方法。
2 怎麼使用Jquery?
Jquery它是一個庫(框架),要想使用它,必須先引入!
jquery-1.8.3.js:一般用於學習階段。<script src="../../js/jquery-1.8.3.js"></script>
jquery-1.8.3.min.js:用於項目使用階段。 <script src="../../js/jquery-1.8.3.min.js"></script>
3.所有的jquery代碼寫在頁面加載函數裏面
$(function(){
Jquery代碼
});
注意:JQ對象只能操作JQ裏面的屬性和方法
JS對象只能操作JS裏面的屬性和方法。
4.獲取元素
JS:document.getElementById();
JQ:$(“#id”);
5.基本選擇器
id選擇器:$(“#id名稱”);
元素選擇器:$(“元素名稱”);
類選擇器:$(“.類名”);
通配符:*
多個選擇器共用(並集)
6.層級選擇器
ancestor descendant: 在給定的祖先元素下匹配所有的後代元素(兒子、孫子、重孫子)
parent > child : 在給定的父元素下匹配所有的子元素(兒子)
prev + next: 匹配所有緊接在 prev 元素後的 next 元素(緊挨着的,同桌)
prev ~ siblings: 匹配 prev 元素之後的所有 siblings 元素(兄弟)
7.過濾選擇器
$('li').first()
等價於:$(“li:first”)
8.屬性選擇器
例如:$("div[id='two']").css("background-color","pink");
9.表單選擇器
例如: $(":input").css("background-color","pink");
$(":text").css("background-color","pink");
10 屬性操作
11.遍歷操作
12.文檔插入
13 事件
JQuery插件volidate可以用來校驗表單