console输出选择器的问题

html代码：

<input type="text" class="loginInput loginPwText gray" value="密码" />

js代码：

console.log($("#SideToolbar .loginPwText"));

控制台：

 

修改1：

html代码：

<input type="text" class="loginInput loginPwText gray" id="loginPwText" value="密码" />

js代码：

console.log($("#SideToolbar #loginPwText"));

控制台：

 

修改2：

html代码：

<input type="text" class="loginInput loginPwText gray" id="loginPwText" value="密码" />

js代码：

console.log($("#loginPwText"));

控制台：

 

修改3：

html代码：

<input type="text" class="loginInput loginPwText gray" id="loginPwText" value="密码" />

js代码：

console.log($("#loginPwText")[0]);

控制台：

 

引申修改4：

html代码：

<input type="text" class="loginInput loginPwText gray" id="loginPwText" value="密码" />

js代码：

console.log($(".loginPwText")[0]);

控制台：

 

后来看了一下html代码，发现其实是这个input的父级不对，引用了一个iframe框架，input在iframe框架里面，所以没有找到input这个对象。

 

 

问题二

html代码：

<div id="SideToolbar"><div class="menu"></div></div>

 

js代码：

console.log($("#SideToolbar .menu"));

控制台：

js代码：

console.log($("#SideToolbar .menu")[0]);

控制台：