JQuery扼要

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可以用來校驗表單

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章