jquery - 开始 jQuery：JQuery ID Selector 用法

Question

开始 jQuery 问题。这是代码...

        var control1= document.getElementById("Carbs_txtSubsContrRbtAmt");
        var control2 = $("#Carbs_txtSubsContrRbtAmt");

为什么第二个调试打印的评估与第一个不同？

? control1.id
"Carbs_txtSubsContrRbtAmt"
? control2.id
undefined

Answer 1

var control1 = document.getElementById("..."); // returns HTML DOM Object
var control2 = $("..."); // returns JQuery Object

要获得id你可以使用

var id = control1.id; // or
var id = control2.attr("id");  // or
var id = control2[0].id;

Answer 2

使用 jQuery，要访问 id 属性进行显示，语法是：

control2.attr("id");

http://api.jquery.com/attr/

Answer 3

它现在是一个 jQuery 元素，所以如果你想要它的 id，你会这样做：

control2.attr("id")

Answer 4

返回的对象$("#Carbs_txtSubsContrRbtAmt")实际上是一个jQuery对象，它的功能有点像一个数组。如果您正在选择具有特定类名的元素，这尤其有用：$(".className").

因此，要获取选择器找到的第一个 DOM 元素，请使用以下命令：

$("#Carbs_txtSubsContrRbtAmt")[0];

然后您将能够获得 id 属性：

$("#Carbs_txtSubsContrRbtAmt")[0].id;

但是，仅使用该.attr()方法要简单得多：

$("#Carbs_txtSubsContrRbtAmt").attr("id");

如果选择器匹配多个元素，则上面的代码将返回第一个匹配的 id。