Was der ähnliche Code von jQuerys ist $ (‚# etwas‘) in Javascript

Question

Ich bin für $ (‚# Liste‘) und document.getElementById („Liste“)

Meine Konsole Druck verschiedene Konsolenausgabe bekommen ist unten angegeben.

console.log($('#list')); 

console.log(document.getElementById("list")); 

Aber Ausgabe in der Konsole zeigt anders.

[select#list.form-control] 

<select id="list" class="form-control" size="10"><option>PHP</option><option>JavaScript</option></select> 

aber ich brauche die gleiche Ausgabe in Javascript wie jquery.

Answer 1

Dies ist zu erwarten, jQuery gibt den DOM-Knoten in einem jQuery-Objekt mit jQuery-Methoden zurück, während native Methoden wie getElementById nur den DOM-Knoten zurückgeben.

Wenn Sie den DOM-Knoten wollten, könnten Sie tun

console.log($('#list').get(0)); 

Es gibt keine Möglichkeit gibt, obwohl ein jQuery-Objekt ohne jQuery zurückzukehren, und tun

$(document.getElementById("list")) 

sinnlos ist, aber wenn Sie bereits ein nativer DOM-Knoten, können Sie es einfach in jQuery ->$(element)

Answer 2

wickeln Der Unterschied ist, weil $('#list') einezurückgibtund document.getElementById("list") gibt eine Element zurück.

Wenn Sie das Element von einem jQuery-Objekt abrufen möchten, greifen Sie auf den Index zu oder verwenden Sie get(). Alle unten die gleiche Ausgabe eines Element-Objekt geben:

console.log($('#list').get(0)); 
console.log($('#list')[0]); 
console.log(document.getElementById("list")); 

Wenn Sie ein jQuery-Objekt verwendet eine dieser zurückkehren wollen:

console.log($('#list')); 
console.log($(document.getElementId('list')); 

ist jedoch zu beachten, dass das zweite Beispiel in diesem Fall ist völlig überflüssig und nur der Vollständigkeit halber enthalten.