jquery是乙個優秀的、輕量級的js庫 ，它相容css3，還相容各種瀏覽器（ie
js入口函式只能出現一次，出現多次會存在事件覆蓋的問題。
jquery的入口函式，可以出現任意多次，並不會存在事件覆蓋問題。
區別二：執行時機不同
js入口函式是在所有的檔案資源載入完成後，才執行。這些檔案資源包括：頁面文件、外部的
js檔案、外部的
css檔案、等。
jquery的入口函式，是在文件載入完成後，就執行。文件載入完成指的是：
dom樹載入完成後，就可以操作
dom了，不用等到所有的外部資源都載入完成。
文件載入的順序：從上往下，邊解析邊執行。
2、jquery物件和dom物件的相互轉換
①dom物件此處指的是：使用js操作dom返回的結果
var btn = document.getelementbyid(「btnshow」); // btn就是乙個dom物件
②jquery物件此處指的是：使用jquery提供的操作dom的方法返回的結果
var $btn = $(「#btnshow」); //$btn就是乙個jquery物件
③dom物件轉換成jquery物件
var $btn1 = $(btn); //此時就把dom物件btn轉換成了jquery物件$btn1
//$(document）.ready(function(){}); // 呼叫入口函式
//此處是將document這個js的dom物件，轉換成了jquery物件，然後才能呼叫jquery提供的方法：ready
④jquery物件轉換成dom物件
//第一種方式
var btn1 = $btn[0]; //
此時就把jquery物件$btn轉換成了dom物件btn1 （推薦使用此方式）
//第二種方式
var btn2 = $btn.get(0);//
此時就把jquery物件$btn轉換成了dom物件btn2
3、jquery選擇器
符號（名稱）
說明用法
基本選擇器（重點）
#id選擇器
$(「#btnshow」).css(「color」, 「red」);
選擇id
為btnshow
的乙個元素（
返回值為jquery
物件，下同）.
類選擇器
$(「.liitem」).css(「color」, 「red」);
選擇含有類liitem
的所有元素
element
標籤選擇器
$(「li」).css(「color」, 「red」);
選擇標籤名為li
的所有元素
層級選擇器
空格後代選擇器
$(「#j_wrap li」).css(「color」, 「red」);
選擇id
為j_wrap
的元素的
所有後代元素li
>
子代選擇器
$(「#j_wrap > ul > li」).css(「color」, 「red」);
選擇id
為j_wrap
的元素的
所有子元素ul的所有子元素
li基本過濾選擇器
:eq(index)
選擇匹配到的元素中索引號為index
的乙個元素，
index從0開始
元素中索引號為
2的乙個元素
:odd
選擇匹配到的元素中索引號為奇數的所有元素，index從0開始
$(「li:odd」).css(「color」, 「red」);
選擇li
元素中索引號為奇數的所有元素
:even
選擇匹配到的元素中索引號為偶數的所有元素，index從0開始
$(「li:odd」).css(「color」, 「red」);
選擇li
元素中索引號為偶數的所有元素
篩選選擇器（方法） （重點）
find(selector)
查詢指定元素的所有後代元素（子子孫孫）
$(「#j_wrap」).find(「li」).css(「color」, 「red」);
選擇id
為j_wrap
的所有後代元素
lichildren()
查詢指定元素的直接子元素（親兒子元素）
$(「#j_wrap」).children(「ul」).css(「color」,「red」);
選擇id
為j_wrap
的所有子代元素
ulsiblings()
查詢所有兄弟元素（不包括自己）
為j_liitem
的所有兄弟元素
parent()
查詢父元素（親的）
$(「#j_liitem」).parent(「ul」).css(「color」,「red」);
選擇id
為j_liitem
的父元素
eq(index)
查詢指定元素的第index
個元素，
index
是索引號，從0開始
$(「li」).eq(2).css(「color」, 「red」);
選擇所有li
元素中的第二個
jQuery基礎知識點（二）
一 jquery 獲得內容和屬性 1.jquery擁有可操作html元素和屬性的強大方法。2.jquery dom操作 jquery中非常重要的部分，就是操作dom的能力。jquery提供一系列與dom相關的方法，這使訪問和操作元素和屬性變得很容易。提示 dom document object mo...
jquery基礎知識點總結
方式一 function 方式二 document ready function 注意 使用jquery獲取的物件叫做jquery物件，只能使用jquery的方法，使用原生js獲取的物件叫做dom物件，只能使用原生方法，兩者不能混用 因此可以讓jquery物件跟dom物件相互轉換 dom物件轉換為j...
Jquery基礎知識點梳理
1 第乙個jq程式 a jq物件和dom物件的方法不能混用 b dom物件轉換成jq物件 dom jq物件轉換成dom物件jq 0 轉換之後方法就可以使用了 2 jq選擇器 基本選擇器 body 標籤選擇器 btn id選擇器 class 類選擇器 p odd 奇偶行選擇器 p even p fir...