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

Question

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

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

Here is JSFiddle Link看看我在尝试什么以及我需要什么

Answer 1

那是因为你正在将jQuery对象转换为没有hide方法的DOM元素对象，你的第二个代码就像DOM元素对象一样有jQuery对象的click方法。您可以使用eq方法来返回jQuery对象。

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

Answer 2

如果您不想要按ID选择标记，则可以使用

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