O que é um objeto jQuery?
--- é o objeto gerado ao envolver o objeto DOM através do jQuery. Objetos jQuery são únicos do jQuery e podem usar métodos no jQuery.
Como o quê:
$("#test").html() significa obter o código html dentro do elemento com o teste ID como teste. html() é o método no jQuery
Esse código é equivalente à implementação de código no DOM:
document.getElementById("id").innerHTML;
Embora objetos jQuery sejam gerados ao envolver objetos DOM, jQuery não pode usar nenhum método dos objetos DOM, nem objetos DOM podem usar métodos em jQuery. O uso aleatório resultará em um erro. Por exemplo: $("#test").innerHTML, document.getElementById("id").html() estão todos errados.
Outra coisa a notar é que usar #id como seletor é um objeto jQuery e um objeto DOM obtidos por document.getElementById("id"), que não são equivalentes. Veja a seguir para a conversão entre os dois.
Como o jQuery é diferente, mas também relacionado, objetos jQuery e objetos DOM também podem ser convertidos entre si. Antes de converter os dois, primeiro damos uma convenção: se um for um objeto jQuery, então adicionamos $ à frente da variável, como: var $variab = objeto jQuery; Se você obtiver um objeto DOM, ele é igual ao normal: var variab = objeto DOM; Tal acordo é apenas para conveniência de explicação e distinção, e não é estipulado no uso efetivo.
jQuery de objeto para objeto DOM:
Existem dois métodos de conversão para converter um objeto jQuery em um objeto DOM: [index] e .get(index);
(1) O objeto jQuery é um objeto de dados, que pode ser obtido usando o método [index].
Por exemplo: var $v =$("#v"); objeto jQuery
var v=$v[0]; Objeto DOM
alert(v.checked) // Detecta se essa caixa está marcada
(2) o próprio jQuery fornece o objeto DOM correspondente através do método .get(index)
Por exemplo: var $v=$("#v"); objeto jQuery
var v=$v.get(0); Objeto DOM
alert(v.checked) // Detecta se essa caixa está marcada
Objeto DOM para objeto jQuery:
Para objetos DOM, você só precisa enrolar o objeto DOM com $() para obter um objeto jQuery. $(objeto DOM)
Por exemplo: var v=document.getElementById("v"); Objeto DOM
var $v=$(v); objeto jQuery
Após a conversão, você pode usar os métodos do jQuery como preferir.
Usando os métodos acima, você pode converter arbitrariamente objetos jQuery e objetos DOM entre si. Deve-se enfatizar que objetos DOM só podem usar métodos no DOM, e objetos jQuery não podem usar métodos no DOM. |
Publicado em 04/01/2016 16:44:58
|
|
|
