Pobieranie macierzystych elementów DOM z obiektów jQuery?

Question

W jaki sposób można uzyskać jQuery, aby zwrócił macierzyste elementy DOM, które hermetyzuje?

Answer 1

Gdy znajdziesz elementy z jQuery, można dostać je za pomocą funkcji „Pobierz”:

var regularElement = $('#myElementId').get(0); 

Wewnątrz „.each()” funkcja «to» wskaźnik odnosi się do «prawdziwego» element:

$('input.special').each(function() { 
    var type = this.type; 
    this.value = "exploding balloon"; 
    // etc 
}) 

Użycie jQuery nie powoduje, że JavaScript jest "inny". It jest Javascript, a DOM nadal jest DOMem.

Answer 2

$('myTag').get(0) zwraca element HTML.

Answer 3

Zakładam, że próbujesz sprawdzić, czy twój obiekt jQuery jest pierwszym wystąpieniem "sera_tag". Pierwszy znacznik można znaleźć za pomocą selektora :first, a następnie nie trzeba go porównywać. Na przykład, pierwszy tag div będzie: $('div:first').

Aby uzyskać pełną listę selektorów jQuery, zobacz documentation.

Answer 4

Inne osoby już bezpośrednio odpowiedziały na pytanie. Użyj metody get().

Jednak większość czasu chcesz użyć metod jQuery do manipulacji, a nie do uzyskania dostępu do surowego elementu DOM, a następnie modyfikacji za pomocą "standardowego" JavaScript.

Na przykład za pomocą jQuery można po prostu powiedzieć $ ("mySelector"). AddClass ("myClass"), aby dodać klasę CSS do elementu DOM. Jest to o wiele bardziej skomplikowane (i zależne od przeglądarki) przy użyciu bezpośredniej manipulacji DOM. Ta koncepcja rozciąga się na prawie każdą inną manipulację DOM, którą chciałbyś zrobić.

Answer 5

jQuery używa Sizzle Selector Engine *. Możesz również użyć go samodzielnie.

^{* Potwierdzone Doug Neiner, co oznacza, że ​​znajduje się w prawo;)}

Answer 6

Obiekt jQuery stanowi owinięcie tablicowej wokół jednego lub większej liczby elementów DOM. Aby uzyskać odwołanie do rzeczywistych elementów DOM (zamiast obiektu jQuery), masz dwie opcje. Pierwszy (i najszybciej) metodą jest użycie notacji tablicy:

$("#foo")[ 0 ]; // Equivalent to document.getElementById("foo") 

Druga metoda polega na użyciu .get() Funkcja:

$("#foo").get(0); // Identical to above, only slower. 

Można również zadzwonić .get() bez żadnych argumentów, aby pobrać prawdziwa tablica elementów DOM.