1. 程式人生 > 其它 >入門前端開始學習JQuery ——jQuery物件和DOM物件的轉換

入門前端開始學習JQuery ——jQuery物件和DOM物件的轉換

技術標籤:開始學jQuery了jqueryjs

剛開始接觸jq的時候,自己看了一些選擇器的基本用法,就開始寫程式碼了
比如
$("div").css('backgroundColor','red') 

並沒有什麼問題,後來div多了的時候

$("div")[0].css('backgroundColor','red') 錯誤寫法

發現沒效果,又查了手冊,看到了get

$("div").get(0).css('backgroundColor','red') //錯誤寫法

依舊沒有效果,因為JQ的機制,他是不報錯的
後來看鋒利的Jquery

jQuery物件不能使用DOM中的方法,但如果對jQuery物件所提供的方法不熟悉,或者jQuery沒有封裝想要的方法,不得不只用DOM物件的時候,有以下兩種處理方法。
jQuery提供了兩種處理方法,將一個jQuery物件轉換成DOM物件
1、[index] 2、get(index)
---------------鋒利的jQuery

let $cr = $('#cr')     			//jQuery物件
let cr  = $cr[0] 				//DOM物件
cr.checked   					//檢測這個checkbox 是否被選中
let $cr = $('#cr')     			//jQuery物件
let cr = $cr.get(0) //DOM物件 cr.checked //檢測這個checkbox 是否被選中

這就直接解決了之前的疑惑。首先得弄清楚哪個是dom物件、哪個是jq物件!

平時用到的jQuery物件都是通過 ( ) 創 建 出 來 的 , ()創建出來的, ()()就是一個jQuery物件的製造工廠!