Come ottenere un elemento DOM da un selettore JQuery

Sto incontrando difficoltà a scoprire come ottenere il DOMElement effettivo da un selettore jquery. Codice di esempio:

<input type="checkbox" id="bob" />
  var checkbox = $("#bob").click(function() { //some code  } )

e in un altro pezzo di codice sto cercando di determinare il valore verificato della casella di controllo.

  if ( checkbox.eq(0).SomeMethodToGetARealDomElement().checked )
    //do something.

E per favore, non voglio fare:

  if ( checkbox.eq(0).is(":checked"))
    //do something

Mi dà la spunta, ma altre volte ho avuto bisogno del vero DOMElement.

Puoi accedere all'elemento DOM non elaborato con:

$("table").get(0);

o più semplicemente:

$("table")[0];

In realtà non c'è molto di cui hai bisogno per questo (nella mia esperienza). Prendi l'esempio della casella di controllo:

$(":checkbox").click(function() {
  if ($(this).is(":checked")) {
    // do stuff
  }
});

è più "jquery'ish" e (imho) più conciso. E se volessi numerarli?

$(":checkbox").each(function(i, elem) {
  $(elem).data("index", i);
});
$(":checkbox").click(function() {
  if ($(this).is(":checked") && $(this).data("index") == 0) {
    // do stuff
  }
});

Alcune di queste funzionalità aiutano anche a mascherare le differenze anche nei browser. Alcuni attributi possono essere diversi. L'esempio classico sono le chiamate AJAX. Per eseguire questa operazione correttamente in JavaScript non elaborato, sono disponibili circa 7 casi di fallback XmlHttpRequest.

Modifica: sembra che mi sbagliassi nel ritenere che non si potesse ottenere l'elemento. Come altri hanno pubblicato qui, puoi ottenerlo con:

$('#element').get(0);

Ho verificato che in realtà restituisce l'elemento DOM che è stato abbinato.

Avevo bisogno di ottenere l'elemento come stringa.

jQuery("#bob").get(0).outerHTML;

Che ti darà qualcosa del tipo:

<input type="text" id="bob" value="hello world" />

... come stringa anziché come elemento DOM.

Se devi interagire direttamente con l'elemento DOM, perché non utilizzarlo document.getElementById perché, se stai cercando di interagire con un elemento specifico, probabilmente conoscerai l'id, dato che supponiamo che il nome della classe sia su un solo elemento o che qualche altra opzione tende a essere rischioso.

Ma sono d'accordo con gli altri sul fatto che nella maggior parte dei casi dovresti imparare a fare ciò di cui hai bisogno usando ciò che ti offre jQuery, poiché è molto flessibile.

AGGIORNAMENTO: Basato su un commento: ecco un post con una bella spiegazione: http://www.mail-archive.com/jquery-en@googlegroups.com/msg04461.html

$(this).attr("checked") ? $(this).val() : 0

Questo restituirà il valore se è selezionato o 0 se non lo è.

$(this).val() sta semplicemente raggiungendo il dom e ottenendo l'attributo "valore" dell'elemento, indipendentemente dal fatto che sia selezionato o meno.