¿Qué es un objeto jQuery?
--- es el objeto generado al envolver el objeto DOM a través de jQuery. Los objetos jQuery son únicos de jQuery y pueden usar métodos en jQuery.
Como qué:
$("#test").html() significa obtener el código html dentro del elemento con la prueba ID como test. html() es el método en jQuery
Este código es equivalente a implementar código en el DOM:
document.getElementById("id").innerHTML;
Aunque los objetos jQuery se generan envolviendo objetos DOM, jQuery no puede usar ningún método de los objetos DOM, ni tampoco los objetos DOM pueden usar métodos en jQuery. El uso aleatorio resultará en un error. Por ejemplo: $("#test").innerHTML, document.getElementById("id").html() están todos equivocados.
Otra cosa a tener en cuenta es que usar #id como selector es un objeto jQuery y un objeto DOM obtenido por document.getElementById("id"), que no son equivalentes. Véase lo siguiente para la conversión entre ambos.
Dado que jQuery es diferente pero también está relacionado, los objetos jQuery y los objetos DOM también pueden convertirse entre sí. Antes de convertir ambos, primero damos una convención: si uno es un objeto jQuery, entonces añadimos $ delante de la variable, como: var $variab = objeto jQuery; Si obtienes un objeto DOM, es igual que normal: var variab = objeto DOM; Dicho acuerdo es solo para facilitar la explicación y la distinción, y no está estipulado en el uso actual.
jQuery de objeto a objeto DOM:
Existen dos métodos de conversión para convertir un objeto jQuery en un objeto DOM: [index] y .get(index);
(1) El objeto jQuery es un objeto de datos, que puede obtenerse utilizando el método [index].
Por ejemplo: var $v =$("#v"); objeto jQuery
var v=$v[0]; Objeto DOM
alert(v.checked) // Detecta si esta casilla está marcada
(2) jQuery proporciona el objeto DOM correspondiente mediante el método .get(index)
Por ejemplo: var $v=$("#v"); objeto jQuery
var v=$v.get(0); Objeto DOM
alert(v.checked) // Detecta si esta casilla está marcada
Objeto DOM a objeto jQuery:
Para los objetos DOM, solo necesitas envolver el objeto DOM con $() para obtener un objeto jQuery. $(objeto DOM)
Por ejemplo: var v=document.getElementById("v"); Objeto DOM
var $v=$(v); objeto jQuery
Después de la conversión, puedes usar los métodos de jQuery como prefieras.
Utilizando los métodos anteriores, puedes convertir arbitrariamente los objetos jQuery y los objetos DOM entre sí. Cabe destacar que los objetos DOM solo pueden usar métodos en el DOM, y los objetos jQuery no pueden usar métodos en el DOM. |
Publicado en 4/1/2016 16:44:58
|
|
|
