鍍金池/ 問答/HTML/ 關(guān)于jquery獲取input里面的，$('input:text.items')

關(guān)于jquery獲取input里面的，$('input:text.items')這個(gè)東東是啥？

$('input:text.items').val(function( index, value ) {
return value + ' ' + this.className;
});
這個(gè)例子將字符串" items" 附給文本框。

上面這段是我的讀jquery API文檔時(shí)里面的，但是看到$('input:text.items')的時(shí)候我有點(diǎn)懵了，不知道這個(gè)是啥意思，我console出來的東西是這個(gè)。
clipboard.png

不知道獲取的是什么東西。

回答
編輯回答
未命名

input:text表示type="text"類型的input。
加上.items這個(gè)還真沒見過，按照官方的說法，整個(gè)的意思就是：

將字符串" items" 附給類型為text的文本框

打印出來的是包含dom結(jié)構(gòu)在內(nèi)的一些數(shù)據(jù)，你點(diǎn)開0:input，這個(gè)就是指向你改動(dòng)的那個(gè)input標(biāo)簽

2018年6月30日 07:22
編輯回答
初心

個(gè)人推薦看愚人碼頭版的jQ文檔，首頁有快速參考，能很方便的找到:text條目（可以用瀏覽器的Ctrl+F直接搜）。

2018年6月21日 19:27
編輯回答
雅痞

其實(shí)是你想太多了，那個(gè)只是jq的選擇器而已。

input是選擇所有的input標(biāo)簽，:text是選擇type="text"類型的標(biāo)簽，.items是選擇class包含items的標(biāo)簽，放在一起選擇就是：

<input type="text" name="" class="items">

當(dāng)然如果此input還有別的class也能被選擇到，只要他是input，type="text"，并且還有items的class即可。

你可以試下如下三個(gè)input的顯示結(jié)果，你應(yīng)該就明白了：

<input type="text" name="">
<input type="text" name="" class="items">
<input type="text" name="" class="items items2">

第一個(gè)是 空的
第二個(gè)是 items
第三個(gè)是 items items2

所以此處的.items并不是jq的特殊用法，只是jq的類名選擇器，所以也可以寫成這個(gè)樣子：

$('input.items:text')
2018年4月4日 06:33
編輯回答
舊城人

表示獲取輸入框類型為text且類名為items的input，那個(gè).就表示的是class類名，若是#號(hào)就是表示id

2017年2月22日 22:35