jQuery zwraca tylko pierwszy element wejściowy z konsoli dev narzędzi

Question

Mam następujące HTML:

<form novalidate="" id="loginform" action="" method="post"> 
    <input type="hidden" name="c" id="c" value="abc"> 
    <input type="hidden" name="initiation" id="initiation" value="test1"> 
    <input type="hidden" name="rmo" id="rmo" value="test2"> 

................

Chcę wybrać wszystkie elementy wejściowe, ale kiedy wchodzi:

$("input") 

W konsoli chrom DevTools, mam tylko pierwszy element:

<input type="hidden" name="c" id="c" value="abc"> 

co mogę wpisać, aby uzyskać pełną listę elementów wejściowych?

Answer 1

To nie jest głupie pytanie. Jest to mylące zachowanie spowodowane przez narzędzia dla programistów Chrome.

To, co się tutaj wydarzyło, to że nie uwzględniłeś JQuery. Google Chrome ma zmienną/funkcję $ dostępną w narzędziach dla programistów Chrome. To różni się od jQuery.

Oto dokumentacja o tym: https://developers.google.com/chrome-developer-tools/docs/commandline-api#selector

Dokumentacja w tym przypadku mówi:

Zwraca odwołanie do pierwszego elementu DOM z funkcji w określonym CSS selector.This jest aliasem dla document.querySelector() Funkcja.

Tak więc, to jest coś w stylu jQuery, wystarczająco dużo, aby cię oszukać, jeśli się tego nie spodziewasz. Jest dostępny tylko w narzędziach programistycznych. I jest aliasing podczas instalacji jQuery, która instaluje się w window.$, więc nigdy nie wiesz (spróbuj drukować $ i window.$ w konsoli na pustym oknie).

Napraw to, dodając jQuery do dokumentu HTML.