欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

jquery能不能改變文本內(nèi)容

這篇文章主要介紹“jquery能不能改變文本內(nèi)容”的相關(guān)知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“jquery能不能改變文本內(nèi)容”文章能幫助大家解決問題。

成都創(chuàng)新互聯(lián)公司主要從事成都網(wǎng)站設(shè)計、網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)三門峽,10余年網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):13518219792

jquery能改變文本內(nèi)容。改變方法：1、用text()改變普通元素的文本內(nèi)容，語法“元素對象.text(“新文本內(nèi)容”)”，將文本內(nèi)容設(shè)置為新值即可；2、用val()改變表單元素input的文本內(nèi)容，語法“$("input").val("新文本內(nèi)容")”。

本教程操作環(huán)境：windows7系統(tǒng)、jquery3.6.1版本、Dell G3電腦。

jquery能改變文本內(nèi)容。

文本內(nèi)容分兩種情況：

  • 普通元素的文本內(nèi)容

  • 表單元素input的文本內(nèi)容

因此，修改方法也要分開。

方法1、使用text()改變普通元素的文本內(nèi)容

text()可以設(shè)置元素的文本內(nèi)容，只需將文本內(nèi)容設(shè)置為新值即可改變。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.6.1.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("p").text("修改后的新文本內(nèi)容");
				});
			});
		</script>
	</head>
	<body>

		<button>改變所有p元素的文本內(nèi)容</button>
		<p>這是一個段落。</p>
		<p>這是另一個段落。</p>

	</body>
</html>

jquery能不能改變文本內(nèi)容

2、使用val()改變表單元素input的文本內(nèi)容

val() 方法返回或設(shè)置被選元素的值。元素的值是通過 value 屬性設(shè)置的。該方法大多用于 input 元素。

只需使用val()將文本內(nèi)容設(shè)置新值即可改變。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.6.1.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("input").val("王小明");
				});
			});
		</script>
	</head>
	<body>

		<button>改變input元素的文本內(nèi)容</button>
		<p>用戶名: <input type="text" name="user" value="李華" /></p>
		<p>密　碼: <input type="password" name="password" value="123456" /></p>
	</body>
</html>

jquery能不能改變文本內(nèi)容

擴展知識：html() 與 text() 比較

除了text()，還有一個html()也可以修改普通元素的內(nèi)容

但html()方法設(shè)置或返回的內(nèi)容，是包含文本和HTML標簽的內(nèi)容。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-3.6.1.min.js"></script>
		<script>
			$(function () {
            var strHtml = $("p").html();
            var strText = $("p").text();
            $("#txt1").val(strHtml);
            $("#txt2").val(strText);
        })
    </script>
	</head>
	<body>
		<p><strong style="color:hotpink">創(chuàng)新互聯(lián)</strong></p>
		html()是：<input id="txt1" type="text" /><br />
		text()是：<input id="txt2" type="text" />
	</body>
</html>

jquery能不能改變文本內(nèi)容

從這個例子可以看出，html() 獲取的是元素內(nèi)部所有的內(nèi)容，而 text() 獲取的僅僅是文本內(nèi)容。

對于 html() 和 text() 這兩個方法的區(qū)別，從下表就可以很清晰地比較出來。

HTML代碼html()text()
<div>創(chuàng)新互聯(lián)</div>創(chuàng)新互聯(lián)創(chuàng)新互聯(lián)
<div><em> 創(chuàng)新互聯(lián) </em></div><em>創(chuàng)新互聯(lián)</em>創(chuàng)新互聯(lián)
<div><em></em></div><em></em>（空字符串）

關(guān)于“jquery能不能改變文本內(nèi)容”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。

標題名稱：jquery能不能改變文本內(nèi)容
當前路徑：http://chinadenli.net/article6/goppog.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、網(wǎng)站內(nèi)鏈、ChatGPT、自適應(yīng)網(wǎng)站、小程序開發(fā)、Google

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

手機網(wǎng)站建設(shè)