這篇文章主要介紹“jquery中l(wèi)abel無法賦值怎么解決”,在日常操作中,相信很多人在jquery中l(wèi)abel無法賦值怎么解決問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”jquery中l(wèi)abel無法賦值怎么解決”的疑惑有所幫助!接下來,請跟著小編一起來學(xué)習(xí)吧!
10余年的天祝藏族自治網(wǎng)站建設(shè)經(jīng)驗,針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù),響應(yīng)快,48小時及時工作處理。成都全網(wǎng)營銷推廣的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同,自動調(diào)整天祝藏族自治建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設(shè)計,從而大程度地提升瀏覽體驗。創(chuàng)新互聯(lián)從事“天祝藏族自治網(wǎng)站設(shè)計”,“天祝藏族自治網(wǎng)站推廣”以來,每個客戶項目都認真落實執(zhí)行。
方法:1、利用text()方法,該方法可設(shè)置或返回被選元素內(nèi)容,語法為“l(fā)abel元素對象.text("賦值的內(nèi)容")”;2、利用html()方法,該方法也可設(shè)置元素內(nèi)容,語法為“l(fā)abel元素對象.html("賦值的內(nèi)容")”。
本教程操作環(huán)境:windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。
在jquery中,通過獲得label對象,使用text()方法便可以給label賦值,實現(xiàn)更改它的內(nèi)容。
1、text() 方法設(shè)置或返回被選元素的文本內(nèi)容。
當(dāng)該方法用于返回內(nèi)容時,則返回所有匹配元素的文本內(nèi)容(會刪除 HTML 標記)。
當(dāng)該方法用于設(shè)置內(nèi)容時,則重寫所有匹配元素的內(nèi)容。
返回文本內(nèi)容:
$(selector).text()
設(shè)置文本內(nèi)容:
$(selector).text(content)
使用函數(shù)設(shè)置文本內(nèi)容:
$(selector).text(function(index,currentcontent))
示例如下:
新建一個html文件,命名為test.html,用于講解jquery怎么給label賦值。引入jquery.min.js庫文件,成功加載該文件,才能使用jquery中的方法。在p標簽內(nèi),使用label標簽創(chuàng)建一行文字,在label標簽的后面,使用input標簽創(chuàng)建一個文本輸入框。
使用button標簽創(chuàng)建一個按鈕,按鈕名稱為“給label賦值”。給button按鈕綁定onclick點擊事件,當(dāng)按鈕被點擊時,執(zhí)行setlabel()函數(shù)。
在js標簽中,創(chuàng)建setlabel()函數(shù),在函數(shù)內(nèi),通過label元素名稱獲得對象,使用text()方法給label賦值,例如,給label賦值為“用戶名:”。
在瀏覽器打開test.html文件,點擊按鈕,查看實現(xiàn)的效果。
總結(jié):
1、創(chuàng)建一個test.html文件。
2、在文件內(nèi),使用label標簽創(chuàng)建一行文字,同時創(chuàng)建一個button按鈕,用于觸發(fā)執(zhí)行js函數(shù)。
3、在js標簽內(nèi),創(chuàng)建函數(shù),在函數(shù)內(nèi),通過label元素名稱獲得對象,使用text()方法給label賦值。
除了可以使用text()方法外,還可以使用html()方法給label賦值。
2、使用html()方法給label賦值。
示例如下:
123 這是一個段落。
這是另一個段落。
輸出結(jié)果:
到此,關(guān)于“jquery中l(wèi)abel無法賦值怎么解決”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識,請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
網(wǎng)頁標題:jquery中l(wèi)abel無法賦值怎么解決
本文鏈接:http://weahome.cn/article/jsdgep.html