jQuery 原生 如何互轉

2021-07-25 08:57:41 字數 962 閱讀 2844

今天研究原始碼的時候發現,不需要用get() 也能進行原生轉換,使用原生方法。

原生- jquery物件

var obj=document.***

$(obj).css();

也可以直接 $(document.***)

jquery物件 - 原生

方法一 : get()

$('li').get();

這是吧jq獲取的元素的集合轉換成了原生物件,get()中也可以放引數代表當前被轉換的那乙個可以是使用原生方法了。

很多問eq() 和get()的區別:

很簡單,你用了eq()那麼後面就無法使用原生方法,它後面跟的是jq的方法

$('input').eq(1).css('background','blue')

相反,使用了get(),那麼也只能去使用原生的方法

$('input').get(1).style.background('blue')

方法二:直接使用下標,就是說有些情況寫 你可以省去get(),二直接可以使用原生方法去完成你想做的事,豈不是更方便

測試1:迴圈

測試2:表單

測試3:加入下標之後 ,再使用jq的方法就會報錯

如何用原生js封裝jQuery中的offset方法

這個方法是基於原生js中的 offsetparent offsettop offsetleft clientleft clienttop 來完成的,在jquery中這個元素是用來獲取當前元素在當前視口的相對偏移。clientleft clienttop 指的是元素父元素左邊框和上邊框 包括borde...

SQL注入如何產生?如何防止?

產生 程式開發過程中不注意規範書寫 sql 語句和對特殊字元進行過濾,導致客戶端可以通過全域性變數 post 和 get 提交一些 sql 語句正常執行。產生 sql 注入。下面是防止辦法 在 php 配置檔案中將 register globals off 設定為關閉狀態 過濾掉一些常見的資料庫操作...

jQuery原生js實現 trim

中秋節快樂!今天有點空閒,特意找下簡單的jquery方法,但還算是實用的方法,jquery靜態方法trim。該方法能夠清楚字串首尾空格,一般用於輸入框,表單等地方。相信有點正則或者對js原生api有點了解都知道,該方法實現並不難,所以直接上 jquery原生js實現 trim 直接修改原生strin...