下載連接:jQuery官網css
中文文檔:jQuery AP中文文檔html
維護IE678是一件讓人頭疼的事情,通常咱們都會額外加載一個CSS和JS單獨處理。值得慶幸的是使用這些瀏覽器的人也逐步減小,PC端用戶已經逐步被移動端用戶所取代,若是沒有特殊要求的話,通常都會選擇放棄對678的支持。前端
jQuery對象就是經過jQuery包裝DOM對象後產生的對象。jQuery對象是 jQuery獨有的。若是一個對象是 jQuery對象,那麼它就可使用jQuery裏的方法:例如$(「#i1」).html()。jquery
$("#i1").html()
的意思是:獲取id值爲 i1
的元素的html代碼。其中 html()
是jQuery裏的方法。編程
至關於: document.getElementById("i1").innerHTML;
後端
雖然 jQuery對象
是包裝 DOM對象
後產生的,可是 jQuery對象
沒法使用 DOM對象
的任何方法,同理 DOM對象
也沒不能使用 jQuery
裏的方法。瀏覽器
一個約定,咱們在聲明一個jQuery對象變量的時候在變量名前面加上$:框架
var $variable = jQuery對像 var variable = DOM對象 $variable[0]//jQuery對象轉成DOM對象
拿上面那個例子舉例,jQuery對象和DOM對象的使用:less
$("#i1").html();//jQuery對象可使用jQuery的方法 $("#i1")[0].innerHTML;// DOM對象使用DOM的方法
$(selector).action()
動畫
id選擇器:
$("#id")
標籤選擇器:
$("tagName")
class選擇器:
$(".className")
配合使用:
$("div.c1") // 找到有c1 class類的div標籤
全部元素選擇器:
$("*")
組合選擇器:
$("#id, .className, tagName")
x和y能夠爲任意選擇器
$("x y");// x的全部後代y(子子孫孫) $("x > y");// x的全部兒子y(兒子) $("x + y")// 找到全部緊挨在x後面的y $("x ~ y")// x以後全部的兄弟y
:first // 第一個 :last // 最後一個 :eq(index)// 索引等於index的那個元素 :even // 匹配全部索引值爲偶數的元素,從 0 開始計數 :odd // 匹配全部索引值爲奇數的元素,從 0 開始計數 :gt(index)// 匹配全部大於給定索引值的元素 :lt(index)// 匹配全部小於給定索引值的元素 :not(元素選擇器)// 移除全部知足not條件的標籤 :has(元素選擇器)// 選取全部包含一個或多個標籤在其內的標籤(指的是從後代元素找)
例子:
$("div:has(h1)")// 找到全部後代中有h1標籤的div標籤 $("div:has(.c1)")// 找到全部後代中有c1樣式類的div標籤 $("li:not(.c1)")// 找到全部不包含c1樣式類的li標籤 $("li:not(:has(a))")// 找到全部後代中不含a標籤的li標籤
[attribute] [attribute=value]// 屬性等於 [attribute!=value]// 屬性不等於
例子:
// 示例 <input type="text"> <input type="password"> <input type="checkbox"> $("input[type='checkbox']");// 取到checkbox類型的input標籤 $("input[type!='text']");// 取到類型不是text的input標籤