javascript - 非表示機能とクリック機能に要素セレクターを使用する違い

Question

$('#mdiv input')[1].hide();なぜ機能しないのか、同時になぜ$('#mdiv input')[1].click();正常に機能するのか理解できません。

まず、理由を知りたいですか？次に、要素のIDがなくても機能させる方法はありますか？

これがJSFiddleLinkで、私が試していることと必要なことを確認できます

Answer 1

これは、jQueryオブジェクトをメソッドのないDOM要素オブジェクトに変換しているためですhide。2番目のコードは、DOM要素オブジェクトがclickjQueryオブジェクトのようなメソッドを持っているために機能します。eq代わりに、jQueryオブジェクトを返すメソッドを使用できます。

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

Answer 2

IDでタグを選択したくない場合は、次を使用できます。

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