javascript - 使用元素选择器进行隐藏和单击功能的区别

Question

我无法理解为什么$('#mdiv input')[1].hide();不工作，同时为什么$('#mdiv input')[1].click();工作正常？

首先我想知道为什么？其次，如何在没有元素 id 的情况下使其工作？

这是 JSFiddle 链接，看看我正在尝试什么以及我需要什么

Answer 1

那是因为您将 jQuery 对象转换为没有hide方法的 DOM 元素对象，您的第二个代码作为 DOM 元素对象具有click类似 jQuery 对象的方法。您可以改用eq返回 jQuery 对象的方法。

$('#mdiv input').eq(1).hide();

Answer 2

如果您不想按 id 选择标签，可以使用

$('input[name="firstname"]')...
// or
$('input[type="text"][name="firstname"]')...