javascript jquery getelementbyid

javascript - jquery get element by id value



Diferencia entre getElementById y jquery $(''# smth'') (5)

¿Cuál es la diferencia entre el código Javascript clásico:

document.getElementById(''theID'')

y la versión jQuery:

$(''#theID'')


Asegúrate de incluir

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

En tu <head>

Si no carga jQuery entonces no puede usar $ ya que jQuery es una biblioteca externa y no forma parte de JavaScript.


Bueno, en tu segundo proyecto, es posible que no hayas incluido los archivos jQuery en la parte superior.


No del todo: si un elemento con ese id no existe en la página $ ("# id") no funcionará y el script dejará de document.getElementById ("id") devolverá null


No hay diferencia, solo necesita tener la biblioteca jQuery instalada y referenciada en su proyecto.


document.getElementById devuelve un objeto DOM. Esta es la manera nativa del navegador de pensar en un elemento de la página. Tiene varios métodos y propiedades. Estos pueden ser un poco torpes de usar.

El objeto jQuery (creado por el método $ ) es una envoltura alrededor de un elemento DOM o un conjunto de elementos DOM. Las propiedades y métodos normales no están disponibles; Obtiene una selección de diferentes métodos que hacen que el proceso de manipulación de DOM sea más intuitivo.

La diferencia es más clara si se ven varios elementos en la selección (como se obtendría con un selector de clase $(''.someClass'') por ejemplo, pero los métodos en una selección jQuery son diferentes a los de un elemento DOM nativo. Señalan lo mismo, pero son formas diferentes de pensar y tratar con ello.

Como nota final, puede convertir una selección de jQuery en su (s) elemento (s) DOM nativo (s) con el método get (editar: o la sintaxis similar a una matriz alternativa). Asi que

document.getElementById(''theID'')

es exactamente lo mismo que

$(''#theID'').get(0) // or $(''#theId'')[0]

Sin embargo, tenga en cuenta que debe usar el primero, ya que tiene un rendimiento mucho mejor. Solo use jQuery si necesita la funcionalidad adicional que proporciona.