入門前端開始學習JQuery ——jQuery物件和DOM物件的轉換
阿新 • • 發佈:2021-01-20
技術標籤:開始學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物件的製造工廠!