Як отримати елемент DOM від селектора JQuery

Мені неможливо важко дізнатися, щоб отримати фактичний DOMElement від селектора jquery. Приклад коду:

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

а в іншому фрагменті коду я намагаюся визначити встановлене значення прапорця.

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

І будь ласка, я не хочу цього робити:

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

Це мене обертає біля прапорця, але в інші рази мені потрібен був справжній ДОМЕмент.

Ви можете отримати доступ до необмеженого елемента DOM за допомогою:

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

або простіше:

$("table")[0];

Насправді, для мого цього досвіду насправді не дуже багато (на мій досвід). Візьміть свій приклад прапорця:

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

є більш "jquery'ish" і (imho) більш стислим. Що робити, якщо ви хотіли їх пронумерувати?

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

Деякі з цих функцій також допомагають замаскувати відмінності у веб-переглядачах. Деякі атрибути можуть бути різними. Класичний приклад - дзвінки AJAX. Для цього належним чином у сирому Javascript є близько 7 резервних випадків для XmlHttpRequest.

Редагувати: здається, я помилявся, вважаючи, що ви не можете отримати елемент. Як опублікували інші, ви можете отримати це за допомогою:

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

Я перевірив, що це фактично повертає зібраний елемент DOM.

Мені потрібно було отримати елемент у вигляді рядка.

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

Що дасть вам щось на кшталт:

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

... як рядок, а не елемент DOM.

Якщо вам потрібно взаємодіяти безпосередньо з елементом DOM, чому б не просто використовувати, document.getElementByIdоскільки, якщо ви намагаєтесь взаємодіяти з певним елементом, ви, ймовірно, знаєте ідентифікатор, якщо припускати, що ім'я класу знаходиться лише на одному елементі, або якась інша опція має тенденцію бути ризикованим.

Але я схильний погоджуватися з іншими, що в більшості випадків ви повинні навчитися робити те, що вам потрібно, використовуючи те, що дає вам jQuery, оскільки це дуже гнучко.

ОНОВЛЕННЯ: На основі коментаря: Ось публікація з приємним поясненням: http://www.mail-archive.com/jquery-en@googlegroups.com/msg04461.html

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

Це поверне значення, якщо воно встановлено, або 0, якщо його немає.

$(this).val() просто потрапляє в dom і отримує атрибут "value" елемента, незалежно від того, перевіряється він чи ні.