jQuery物件與js物件互相轉換

2021-08-17 04:28:31 字數 2743 閱讀 7490

兩種轉換方式將乙個jquery物件轉換成js物件:[index]和.get(index):

(1)jquery物件是乙個資料物件,可以通過[index]的方法,來得到相應的js物件。 

如:var $v =$("#v") ; //jquery物件 

var v=$v[0]; //js物件 

alert(v.checked) //檢測這個checkbox是否被選中 

(2)jquery本身提供,通過.get(index)方法,得到相應的js物件 

如:var $v=$("#v"); //jquery物件 

var v=$v.get(0); //js物件 

alert(v.checked) //檢測這個checkbox是否被選中

js物件轉成jquery物件:

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

如:var v=document.getelementbyid("v"); //js物件 

var $v=$(v); //jquery物件 

轉換後,就可以任意使用jquery的方法了。

出處:補充閱讀:

$()與jquery()

jquery中$函式,根據傳入引數的不同,進行不同的呼叫,實現不同的功能。返回的是jquery物件

jquery這個js庫,除了$之外,還提供了另外乙個函式:jquery

jquery函式跟$函式的關係:jquery ===$;

jquery與js區別

jquery有一層功能**,其核心還是js

js與jquery物件之間的轉換

1、js物件轉換成jquery物件。 $(js物件);

2、jquery物件轉換成js物件。 (1)jquery物件[索引值] (2)jquery物件.get(索引值)

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>title

title

>

head

>

<

body

>

<

script

>

//入口函式

jquery(document).ready(

function

() );

box.css(

"background",

"red");

cbox.css(

"background",

"yellow");

//jquery物件轉換成js物件

jqdiv[

0].style.backgroundcolor ="

black";

jqdiv.get(

4).style.backgroundcolor ="

pink";

});script

>

<

div>

div>

<

div

class

="box"

>

div>

<

div

id="box"

>

div>

<

div

class

="box"

>

div>

<

div>

div>

body

>

html

>

注意事項

1、jquery物件是乙個陣列。陣列中包含著原生js中的dom物件,還有其他特有的屬性

2、jquery物件陣列中包含的東西很多,但是jquery物件.length依然是計算原生js中的dom物件

語法描述例項

$("*")

選取所有元素

$(this)

選取當前 html 元素

$("p.intro")

選取 class 為 intro 的 元素

$("p:first")

選取第乙個 元素

$("ul li:first")

選取第乙個 元素的第乙個 元素

$("ul li:first-child")

選取每個 元素的第乙個 元素

$("[href]")

選取帶有 href 屬性的元素

$("a[target='_blank']")

選取所有 target 屬性值等於 "_blank" 的 元素

$("a[target!='_blank']")

選取所有 target 屬性值不等於 "_blank" 的 元素

$(":button")

選取所有 type="button" 的 元素 和 元素

$("tr:even")

選取偶數字置的 元素

$("tr:odd")

選取奇數字置的 元素

jQuery物件與js物件互相轉換

兩種轉換方式將乙個jquery物件轉換成js物件 index 和.get index 1 jquery物件是乙個資料物件,可以通過 index 的方法,來得到相應的js物件。如 var v v jquery物件 var v v 0 js物件 alert v.checked 檢測這個checkbox是...

jquery物件與dom物件之間互相轉換的方法

本文主要講述jquery物件和js裡的dom物件之間互相轉換的方法,使jquery物件可以直接使用js裡的方法,或js裡的dom物件使用jquery裡的方法。jquery物件和dom物件是不一樣的,什麼是jquery物件?什麼是dom物件?我們舉個例子來說 aijquery 這種方式獲取得到的就是j...

jquery 與 dom 物件 互相轉換

jquery物件轉成dom物件 兩種轉換方式將乙個jquery物件轉換成dom物件 index 和.get index 1 jquery物件是乙個資料物件,可以通過 index 的方法,來得到相應的dom物件。如 var v v jquery物件 var v v 0 dom物件 alert v.ch...