Объект javascript в объект jquery

Русские Блоги

Серия интерфейсных руководств для фоновых программистов (54) -Преобразование объектов jQuery и объектов JavaScript

Уведомление об авторских правах

• Эта статья оригинального автора: младший брат Columbia Valley
• Адрес блога автора: http://blog.csdn.net/lfdfhl

Хотя jQuery — это инфраструктура JavaScript, объекты этих двух объектов различны, иногда необходимо конвертировать объекты jQuery и объекты JavaScript.

Конвертировать объект JavaScript в объект jQuery

объект jQuery=$(Объекты JavaScript); 

Конвертировать объект jQuery в объект JavaScript

Объекты JavaScript=объект jQuery[index]; 

Объекты JavaScript=объект jQuery.get(index); 

Комплексный пример

 html> head> meta charset="utf-8" /> title>Преобразование объекта jQuery и объекта JavaScripttitle> script src="js/jquery-1.11.3.js" type="text/javascript" charset="utf-8"> script> head> body> h2 id="author" style="color: red;">Автор: младший брат Колумбийской долиныh2> h2 id="blog" style="color: red;">Адрес блога: http://blog.csdn.net/lfdfhlh2> p id="welcome">Hello jQueryp> p id="bye">Bye JavaScriptp> script type="text/javascript"> // Используем документ для получения элементов var javascriptWelcome=document.getElementById("welcome"); var content=javascriptWelcome.innerHTML; console.log("content="+content); // Преобразование объектов JavaScript в объекты jQuery var jQueryWelcome=$(javascriptWelcome); content=jQueryWelcome.html(); console.log("content="+content); console.log("----------------------"); // Используем jQuery для получения объекта var jQueryBye = $("#bye"); content=jQueryBye.html(); console.log("content="+content); // Преобразование объекта jQuery в объект JavaScript var javascriptBye=jQueryBye[0]; content=javascriptBye.innerHTML; console.log("content="+content); javascriptBye=jQueryBye.get(0); content=javascriptBye.innerHTML; console.log("content="+content); console.log("----------------------"); // Преобразование объекта JavaScript в объект jQuery var javascriptH2=document.getElementsByTagName("h2"); for (var i = 0; i  javascriptH2.length; i++)  var jQueryObj = $(javascriptH2[i]); console.log(jQueryObj.html()); > console.log("----------------------"); // Преобразование объекта jQuery в объект JavaScript var jQueryH2=$("h2"); var javascriptH2First=jQueryH2[0]; var javascriptH2Second=jQueryH2[1]; console.log("javascriptH2First="+javascriptH2First.innerHTML+",javascriptH2Second="+javascriptH2Second.innerHTML); javascriptH2First=jQueryH2.get(0); javascriptH2Second=jQueryH2.get(1); console.log("javascriptH2First="+javascriptH2First.innerHTML+",javascriptH2Second="+javascriptH2Second.innerHTML); script> body> html> 

Источник

Русские Блоги

Объект jQuery — это объект, который генерируется после завершения объекта DOM в jQuery. Объект jQuery может использовать метод jQuery, а метод дома не может быть использован.

Например: $ (‘. IMG’). Attr («src», «Images / 1.jpg»); $ (‘. Img’) — объект jQuery.

Объект DOM — это некоторые операции объекта, присущие JavaScript. Объект DOM может использовать метод JavaScript и не может использовать метод jQuery.

document.getElementById("img").src = "images/1.jpg";

Документ. GTECTELACTYBYID («IMG») вот объект DOM.

$ («# IMG»). attr («src», «Images / 1.jpg»); и document.gettentlebybyId («img»). SRC = «Images / 1.jpg»; эквивалентно, но, $ ( «. IMG»). src = «Images / 1.jpg»; или document.getcybybyId («img»). attr («src», «Images / 1.jpg»); неверно, невозможно запустить или ошибку , есть проблема с объектом и методом.

Агутер, это использование этого, часто пишет в письменном виде jQuery: this.attr («src», «Images / 1.jpg»); это сообщает об ошибке. Причина в том, что это объект DOM, а attr — это метод jQuery. Чтобы разрешить эту ошибку, поверните объект DOM к объекту jQuery.

Например: $ (этот) .attr («SRC», «Images / 1.jpg»);

Объект DOM переводится в объект jQuery

Для объекта DOM необходимо использовать $ (), чтобы упаковать объект DOM, вы можете перевести в объект jQuery, $ (DOM объект).

Совет, var определяется переменной.

var v = document.getElementById(«sss»);

Способ jQuery можно использовать после преобразования.

объект jQuery переводится в объект DOM

(1) Объект jQuery — это объект данных, который может быть получен методом [index] для получения соответствующего объекта DOM.

(2) Сама jQuery обеспечивает соответствующий объект DOM через метод .get (Index).

Через вышеуказанные методы объекты jQuery и DOM могут быть преобразованы. Необходимо подчеркнуть. Способ не может быть использован друг с другом.

Источник

Русские Блоги

Преобразование объекта JavaScript DOM и объекта JQuery друг в друга

1. Проанализируйте исходный код

     JavaScript-объект DOM и объект JQuery преобразуются друг в друга        

(2) Нажмите кнопку «Преобразовать объект JavaScript DOM в объект JQuery»

(3) Нажмите » JQuery объект в JavaScript DOM объект «Кнопка

(1) Конвертировать объект JavaScript DOM в объект JQuery

// DOM объект
var divObject = document.getElementById(«div_body»);
// объект jQuery
var $divObject = $(divObject);

(2) объект JQuery преобразуется в объект DOM JavaScript

// объект jQuery
var $divObject = $(«#div_body»);
// DOM-объект
var divObject = $divObject[0];

// объект jQuery
var $divObject = $(«#div_body»);
// DOM объект

var divObject1 = $divObject.get(0);

Источник