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

document.getElementById('theID')

y la versión de jQuery:

$('#theID')
  • puedes publicar el error?
  • Me encanta que regular JS es llamado «clásico».
  • Necesitamos el error 🙂
  • creo que existe la necesidad de una nueva etiqueta inicia en MODO «classic-javascript» debido a la cantidad de preguntas que claramente «no jQuery» o que incluso no referencia jQuery nunca y la gente todavía sólo post de jQuery fragmentos jaja
  • Exigimos a ver el error 😀
InformationsquelleAutor Andrew Ckor | 2011-05-23

5 Comentarios

  1. 55

    document.getElementById devuelve un objeto DOM. Este es el navegador nativo manera de pensar acerca de un elemento en la página. Tiene varios métodos y propiedades. Estos pueden ser un poco torpe para usar.

    El objeto jQuery (creado por el $ método) es una envoltura alrededor de un elemento de DOM o un conjunto de elementos DOM. El normal de las propiedades y los métodos no están disponibles, se puede obtener una selección de los diferentes métodos que hacen que el proceso de manipulación del árbol DOM más intuitiva.

    La diferencia es más claro ver con varios elementos en la selección (que puede obtener con un selector de clase $('.someClass') por ejemplo, pero los métodos de jQuery selección son diferentes a las de un nativo elemento DOM. Apuntan a lo mismo, pero son diferentes formas de pensar y tratar con él.


    Como nota final, usted puede convertir un jQuery selección en su nativa elemento de DOM(s) con el get método (edit: o la alternativa de la matriz de la sintaxis). Así

    document.getElementById('theID')

    es exactamente el mismo que

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

    Nota, sin embargo, que usted debe usar la primera, ya que tiene un rendimiento mucho mejor. Sólo el uso de jQuery si usted necesita la funcionalidad extra que proporciona.

    • Por qué .get(0) en lugar de [0] ?
    • La explicitud… he añadido la alternativa de notación.
    • Gracias por tu ayuda, esa es la respuesta que esperaba escuchar.. 🙂
    • ¿Cómo se puede hacer el mismo objeto devuelto por $ mediante getElementById
  2. 0

    Bien en su segundo proyecto, puede no haber incluido los archivos de jQuery en la parte superior.

    • Apuesto a que eso es lo que es esto…
    • No jQuery se ha vinculado correctamente, el error era viejo, pero el código que he usado es el documento.getElementById(‘ventanilla’).scrollTop Cuando cambio la getElement no funciona…
  3. 0

    Asegúrese de incluir

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

    En su <head>

    Si no carga jQuery entonces usted puede utilizar $ como jQuery es una biblioteca externa y no la parte de JavaScript.

  4. 0

    No exactamente :
    Si un elemento con ese id no es existente en la página
    $(«#id») no va a funcionar y el script se detendrá
    documento.getElementById(«id») devolverá null

  5. -4

    Ninguna diferencia, sólo se necesita tener la librería de jQuery instala y se hace referencia en el proyecto.

    • En ese caso, supongo que esto debe imprimir la misma consola (seleccionar elemento): var elemento = document.getElementById($(this).attr(‘id’)); console.el registro del elemento.selectedIndex); console.log($(this).attr(‘selectedIndex’)); pero no es así. El primero se imprime el índice, mientras que el otro se imprime «indefinido»
    • Si usted dice «No hay ninguna diferencia», entonces usted necesita para medir el rendimiento de ambos bajo un analizador, para obtener una rápida diferencia.
    • Vamos todos a la luz de una vela para otro unicornio muerto a causa de esta respuesta.

Dejar respuesta

Please enter your comment!
Please enter your name here