jquery 객체를 js 객체로 변환하는 방법

jquery 개체를 js 개체로 변환하는 방법: 1. "jquery object [index]" 문을 사용하여 변환합니다. 2. "jquery object.get(index)" 문을 사용하여 변환합니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, jquery 버전 1.10.0, Dell G3 컴퓨터.

js 유형 객체와 jquery 유형 객체는 완전히 다른 두 객체입니다. 그러나 두 개체의 메서드는 서로를 호출할 수 없습니다. 그렇다면 js 객체가 jquery의 메서드를 호출하려고 하거나 jquery 객체가 js 메서드를 호출하려는 경우 어떻게 해야 할까요? 이번에는 js 객체와 jquery 객체 간의 상호 변환 문제가 포함됩니다.

예:

①document.getElementById("text").hide();document.getElementById("text").hide();

实现不了，因为hide()是jquery对象的方法,js对象是没办法调用的

②$("#text2").innerHTML = "jredu";

同样也是实现不了，因为innerHTML是js对象的属性，jquery对象是没办法使用的。

那么，接下来给大家介绍一下怎么实现js和jQuery之间的相互转换：

---转换1：jquery对象转换成js对象

---转换2：js对象转换成jquery对象

jquery对象转换成js对象

有两种转换方式将一个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对象) 

hide()는 jquery 객체의 메서드이고 js 객체에서 호출할 수 없기 때문에 구현할 수 없습니다.

②$("#text2").innerHTML = "jredu";

innerHTML은 js 개체의 속성이고 jquery 개체를 사용할 수 없기 때문에 동일한 결과를 얻을 수 없습니다.

그럼 js와 jQuery의 상호 변환을 구현하는 방법을 소개하겠습니다. ---변환 1: jquery 객체를 js 객체로 변환

🎜---변환 2: js 객체를 jquery 객체로 변환🎜 🎜 jquery 객체를 js 객체로 변환 🎜🎜jQuery 객체를 js 객체로 변환하는 두 가지 변환 방법이 있습니다: [index] 및 .get(index) / code>; 🎜🎜(1) jQuery 객체는 데이터 객체이며, <code>[index] 메소드를 통해 해당 js 객체를 얻을 수 있습니다. 🎜🎜예: 🎜

var v=document.getElementById("v"); //js对象 
var $v=$(v); //jQuery对象

🎜(2)jQuery 자체는 .get(index) 메서드를 통해 해당 js 객체를 제공합니다. 🎜rrreee🎜js 객체를 jquery 객체로 변환 🎜 🎜js 객체의 경우 jQuery 객체를 얻으려면 $()로 DOM 객체를 래핑하기만 하면 됩니다. 🎜🎜구문: ​​$(js object) 🎜🎜예: 🎜rrreee🎜변환 후에는 jQuery 메서드를 마음대로 사용할 수 있습니다. 🎜🎜🎜 추천 관련 비디오 튜토리얼: 🎜jQuery Tutorial🎜(비디오)🎜

위 내용은 jquery 객체를 js 객체로 변환하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!