獲取name為test的input文本框中的內(nèi)容的jQuery代碼為：
目前成都創(chuàng)新互聯(lián)公司已為上1000+的企業(yè)提供了網(wǎng)站建設(shè)、域名、雅安服務(wù)器托管、網(wǎng)站托管、服務(wù)器托管、企業(yè)網(wǎng)站設(shè)計(jì)、向陽網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。
$("input:text[name='test']").val()；
jQuery提供了三個簡單實(shí)用的用于獲取元素內(nèi)容的方法：
text() —— 設(shè)置或返回所選元素的文本內(nèi)容
html() —— 設(shè)置或返回所選元素的內(nèi)容（包括 HTML 標(biāo)記）
val() —— 設(shè)置或返回表單字段的值
因?yàn)閕nput屬于表單元素，所以獲取其內(nèi)容使用的是val()方法。
name是input標(biāo)簽的屬性值，jQuery提供了attr()方法用于設(shè)置/改變屬性值$("input:text").attr("name");$("input:text").prop("name"); // 也可以使用prop()方法獲取屬性示例代碼如下創(chuàng)建Html元素點(diǎn)擊按鈕獲取文本框的name屬性值：設(shè)置css樣式div.box{width:300px;height:250px;padding:10px 20px;margin:20px;border:4px dashed #ccc;}div.boxspan{color:#999;font-style:italic;}div.content{width:250px;height:100px;margin:10px 0;padding:5px 20px;border:2px solid #ff6666;}input[type='text']{width:200px;height:30px;border:none;}input[type='button']{width:120px;height:30px;margin:10px;border:2px solid #ebbcbe;}編寫jquery代碼$(function(){$("input:button").click(function() {alert($("input:text").attr("name"));});})觀察效果
1、引用jQuery庫到頁面
2、獲取input的值
$("#input的id").val();//這就是獲取input的值，也可以給input賦值
1、下載jQuery代碼庫
下載后如下圖所示：
2、部署jQuery代碼庫
jQuery的部署與使用非常簡單，只需要把其放入到項(xiàng)目中，并在頁面中使用script標(biāo)簽中的src屬性載入即可。
3、快速入門
例：使用jQuery隱藏一個div元素
4、基本選擇器（重點(diǎn)）
??#id?：根據(jù)元素的id屬性來獲取元素
??.class?：根據(jù)元素的class屬性來獲取元素
??Element?：根據(jù)元素的名稱來獲取元素
selector1,selector2?：群組選擇器，可以同時(shí)匹配多個元素
示例代碼：
5、層級選擇器（重點(diǎn)）
同級兄弟關(guān)系，父子關(guān)系，祖先與后代元素關(guān)系
??ancetor（空格）descendant?：選擇當(dāng)前元素的所有后代元素（不分層級）
??parent ??? ???child?：選擇父元素下的所有子元素（只有一級，要求是父子關(guān)系）
??prev ??+ ???next?：選擇當(dāng)前元素緊鄰的同級元素的下一個元素
??prev ?~ ?siblings?：選擇當(dāng)前元素緊鄰的所有同級兄弟元素
示例代碼：
6、簡單選擇器
??:first ：選擇索引為0第一個元素，索引默認(rèn)是從0開始的
??:last ：選擇索引最大的最后一個元素
??:even ：選擇索引為偶數(shù)的所有元素
??:odd ：選擇索引為奇數(shù)的所有元素
??:eq(index) ：根據(jù)元素的索引index來獲取元素
??:gt(index) ：選擇索引大于index的所有元素
??:lt(index) ：選擇索引小于index的所有元素
??:not(selector)?：選擇除指定選擇器以外的其他元素
示例代碼：
7、由于jquery選擇器太多，小編就不一一舉例子了。依照這個思路寫就行了。
首先通過jq獲得你想要獲取的input元素的數(shù)組，通過循環(huán)將每個input元素的值獲取到。將input的值添加到數(shù)組。
代碼：
123456789101112131415161718192021222324252627282930
//html代碼html????body????????input?type="text"?name="ipt"?value="1"/????????input?type="text"?name="ipt"?value="2"?/????????input?type="text"?name="ipt"?value="3"?/????????button?onClick="getVal()"點(diǎn)擊獲得所有的input值/button????/body/html//jsscript?type="text/javascript"?src="jquery.1.11.3.min.js"?/scriptscript?type="text/javascript"????//1.定義函數(shù)?getVal????var?getVal?=?function(){????//2.通過jq獲得input數(shù)組????????var?$inputArr?=?$('input');//length?=?3????//3.循環(huán)處理input,并定義結(jié)果集????????var?result?=?[];????????$inputArr.each(function(){????//4.將每個input的值放進(jìn)結(jié)果集????????????result.push($(this).val());????????});????//5.打印結(jié)果????????console.log(result);????}/script//另外的一種寫法也可以實(shí)現(xiàn)//var?valArr?=?$('input').map(function(){return?$(this).val()}).get();//打印獲得的值的數(shù)組//console.log(valArr);
1、jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫（或JavaScript框架）。jQuery設(shè)計(jì)的宗旨是“write Less，Do More”，即倡導(dǎo)寫更少的代碼，做更多的事情。
2、它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設(shè)計(jì)模式，優(yōu)化HTML文檔操作、事件處理、動畫設(shè)計(jì)和Ajax交互。
3、jQuery的核心特性可以總結(jié)為：具有獨(dú)特的鏈?zhǔn)秸Z法和短小清晰的多功能接口；具有高效靈活的css選擇器，并且可對CSS選擇器進(jìn)行擴(kuò)展；擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件。jQuery兼容各種主流瀏覽器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
1、新建一個html文件，命名為test.html。
2、在test.html文件內(nèi)，分別在p標(biāo)簽內(nèi)，使用input標(biāo)簽創(chuàng)建文本輸入框，用于內(nèi)容的輸入。
3、在test.html文件內(nèi)，給每個input元素設(shè)置class屬性，統(tǒng)一設(shè)置為myput，主要用于下面一次性獲得所有的input對象。
4、在test.html文件內(nèi)，使用button標(biāo)簽創(chuàng)建一個按鈕，按鈕名稱為“獲取多個value值”，給button按鈕綁定onclick點(diǎn)擊事件，當(dāng)按鈕被點(diǎn)擊時(shí)，執(zhí)行g(shù)etinput（）函數(shù)
5、在js標(biāo)簽中，創(chuàng)建getinput()函數(shù)，在函數(shù)內(nèi)，定義一個空的arr數(shù)組，用于保存多個value值。同時(shí)，通過類名獲得input對象，使用each()方法遍歷所有的input對象，每次遍歷，執(zhí)行function()方法。
6、在function()方法內(nèi)，使用val()方法獲得input的value值，并使用push()方法將value值存進(jìn)arr數(shù)組中，最后，使用alert()方法將數(shù)組輸出來。
這個問題包含兩個方面：jquery選擇器（即針對你指定的那個input元素）和獲取內(nèi)容（即獲得輸入的值），所以綜合起來有如下代碼可以實(shí)現(xiàn)
$("input#test").val(); // 推薦這種方式，因?yàn)閕d是唯一的
$("input[name='test']").val(); // 此時(shí)需要注意是否有同名的input元素
$("input:text").val(); // 這種方式只有整個網(wǎng)頁只有一個文本輸入框才是正確的
下面給出示例：
創(chuàng)建一個文本框和一個觸發(fā)獲取文本框輸入內(nèi)容的按鈕
input id="test" name="test" type="text"/br
input type="button" value="顯示文本框輸入內(nèi)容"
簡單設(shè)置一下css樣式
input[type='text']{width:200px;height:35px;margin:10px;border:1px dashed green; border-radius:5px;}
input[type='button']{width:200px;height:35px;margin:10px;border:2px solid #ebbcbe;}
添加jquery代碼
$(function(){
$("input:button").click(function() {
alert($("input#test").val());
});
})
重慶分公司
重慶分公司
