jquery設(shè)置內(nèi)容 - text()、html() 以及 val()
成都創(chuàng)新互聯(lián)專注于商城企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè)公司,商城網(wǎng)站開(kāi)發(fā)。商城網(wǎng)站建設(shè)公司,為商城等地區(qū)提供建站服務(wù)。全流程按需網(wǎng)站設(shè)計(jì),專業(yè)設(shè)計(jì),全程項(xiàng)目跟蹤,成都創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)
我們將使用前一章中的三個(gè)相同的方法來(lái)設(shè)置內(nèi)容:
text() - 設(shè)置或返回所選元素的文本內(nèi)容
html() - 設(shè)置或返回所選元素的內(nèi)容(包括 HTML標(biāo)記)
val() - 設(shè)置或返回表單字段的值
下面的例子演示如何通過(guò) text()、html() 以及 val() 方法來(lái)設(shè)置內(nèi)容:
text()、html() 以及 val() 的回調(diào)函數(shù)
上面的三個(gè) jQuery 方法:text()、html() 以及 val(),同樣擁有回調(diào)函數(shù)?;卣{(diào)函數(shù)由兩個(gè)參數(shù):被選元素列表中當(dāng)前元素的下標(biāo),以及原始(舊的)值。然后以函數(shù)新值返回您希望使用的字符串。
下面的例子演示帶有回調(diào)函數(shù)的 text() 和 html():
[JQuery]怎樣獲取和修改文本框的值:
文本框是指
表單中type 為text ,或者是hidden的標(biāo)簽。例如:[html]?view plain?copy
文本框:
input?type="text"?value="text文本框"?name="username"?id="username"/br/
獲取文本:
$("#username").val()
"text文本框"
或者
$("#username").attr("value")
"orangleliu"
設(shè)置文本:
$("#username").val("orangleliu")
需要準(zhǔn)備的材料分別有:電腦、html編輯器、瀏覽器。
1、首先,打開(kāi)html編輯器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script標(biāo)簽,輸入jquery代碼:$('input').change(function () {$('body').append('新值與舊值不相等')});。
3、瀏覽器運(yùn)行index.html頁(yè)面,此時(shí)會(huì)在輸入內(nèi)容變化時(shí)打印出新值與舊值是否相等的提示。
引入jquery核心js文件
2
創(chuàng)建jquery頁(yè)面加載后執(zhí)行的函數(shù),使用jquery獲取文本框的值,并彈出值
$(document).ready(function(){ alert($("input[name=demo]").val());});
3
創(chuàng)建input文本框value="測(cè)試值"
input type="text" name="demo" value="測(cè)試值"/
4
刷新頁(yè)面后就會(huì)彈出“測(cè)試值”文本框
方法/步驟
新建一個(gè)html文檔,可以用任何文本編輯器,這里演示用Dreamweaver軟件,新建并保存html文檔。
然后寫(xiě)html代碼,寫(xiě)一個(gè)input文本輸入框id為inputId,然后寫(xiě)一個(gè)按鈕,id為buttonId,這里要做的是點(diǎn)擊按鈕就為輸入框賦值。
然后把輸入框和按鈕的css樣式寫(xiě)好,當(dāng)然不寫(xiě)樣式也可以,這里主要是為了美化一下。
最后就是關(guān)鍵步驟了,引入jQuery文件,注意路徑一定要正確,然后寫(xiě)jQuery代碼,其實(shí)就用到了val(“這里是賦值內(nèi)容”)方法。
打開(kāi)瀏覽器測(cè)試一下,點(diǎn)擊按鈕之后輸入框內(nèi)自動(dòng)輸入了賦值的內(nèi)容。
var?inputLength?=?$("input[type='text']").length;?//獲取type為text文本框個(gè)數(shù)
$("input[type='text']").each(function(){
var?val?=?$(this).val();//通過(guò)循環(huán)獲取文本框的數(shù)據(jù)
});
當(dāng)已知文本框的id屬性時(shí),input type="text" id="userName"
方法一:var userName = $("#userName").attr("value");
方法二:var userName=$("userName").value();
input type="text" name="one" value="5"/用jquery怎么得值所以正確的方法應(yīng)該是
input type="text" id="one" value="5" /
$("#one").val();
拓展資料
作用是快速獲取文檔元素,jQuery的選擇機(jī)制構(gòu)建于Css的選擇器,它提供了快速查詢DOM文檔中元素的能力,而且大大強(qiáng)化了JavaScript中獲取頁(yè)面元素的方式。
提供漂亮的頁(yè)面動(dòng)態(tài)效果,jQuery中內(nèi)置了一系列的動(dòng)畫(huà)效果,可以開(kāi)發(fā)出非常漂亮的網(wǎng)頁(yè),許多網(wǎng)站都使用jQuery的內(nèi)置的效果,比如淡入淡出、元素移除等動(dòng)態(tài)特效。