認識jQuery及jQuery選擇器

2021-09-17 02:24:24 字數 1292 閱讀 3381

var domobj = document.getelementbyid("id")//dom物件

var $obj = $("#id")//jquery物件

在jquery物件中無法使用dom物件

jquery物件轉化成dom物件

jquery物件是類似陣列的物件,兩種轉換方法[index]和get(index)

var $obj = $("#id");

var domobj = $obj[0];

或var domobj = $obj.get(0);

dom物件轉化成jquery物件

對於乙個dom物件,只需要用$()把dom物件包裝起來,就可以獲得乙個jquery物件。

var domobj = document.getelementbyid("id");

var $obj = $(domobj)

平時用到的jquery物件都是通過$()函式製造出來的,$()函式就是jquery物件的製造工廠

在其他庫之後匯入

jquery.noconflict();

jquery(function())

//自定義快捷方式

var $j = jquery.noconflict();

$j(function())

//使用$,但不衝突

jquery.noconflict();

jquery(function($))

//(function($))

在其他庫之前匯入

無需呼叫jquery.noconflict()

$("selestor")獲取的永遠是物件,即使selector元素不存在。

選取含有文字內容為「text」的元素

包括樣式屬性display為「none」、文字隱藏域()和visibility:hidden之類的元素

| :選取屬性等於給定字串或以該字串為字首的元素(跟「-」)

~ :選取屬性用空格分隔的值中包含乙個給定值得元素

:nth-child:選擇父元素下的第index個子元素(index從1算起)

:eq(index):值匹配乙個元素

:first與:first-child、:last與:last-child 同理

加空格可能是指後代元素

認識jQuery及jQuery中的選擇器

一 認識jquery?1 為什麼用jquery?2 為什麼用?3 怎麼使用 jquery 1 區分2種 js庫檔案 2 區分2種引用 js庫的方式 a 伺服器本地庫 b cdn遠端庫 專案上線時,一般使用比較靠譜的 cdn資源庫 減輕伺服器負擔 位址 3 區別jquer的不同版本 1.x版本 相容老...

簡單認識jQuery

jquery 是 什麼?jquery就是js的函式庫,jquery的遵旨就是 do more and write less 相比js 來說,少些了很多 功能豐富。簡單來說就是封裝了很多方法的乙個js檔案。在使用的時候可以直接引入這個檔案,遵循jquery的語法規則,就可以使用jquery提供的方法啦...

《鋒利的jquery》認識jquery總結

window.onload和 document ready 執行時機不同,前者必須等待網頁中所有的內容載入完畢後,後者是所有dom結構繪製完畢後 編寫個數前者只允許乙個,後者允許多個。jquery物件和dom物件是不同的,但是可以進行相互轉換 var jq jq var jq jq 0 var jq...