溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

jquery如何根據(jù)id改變?cè)刂?/h1>
發(fā)布時(shí)間：2022-04-22 12:18:25 來源：億速云 閱讀：546 作者：iii 欄目：web開發(fā)

本篇內(nèi)容主要講解“jquery如何根據(jù)id改變?cè)刂怠?，感興趣的朋友不妨來看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“jquery如何根據(jù)id改變?cè)刂怠卑?

jquery根據(jù)id改變值的方法：1、給元素設(shè)置id屬性；2、使用“$("#id屬性值")”語句獲取指定元素對(duì)象；3、使用“元素對(duì)象.html("新值")”、“元素對(duì)象.text("新值")”或“元素.val("新值")”語句來修改元素值。

jquery如何根據(jù)id改變?cè)刂?></p><p>本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。</p><p><strong>jquery根據(jù)id改變?cè)刂?/strong></p><p><strong>實(shí)現(xiàn)步驟：</strong></p><ul class=

  • 給指定元素設(shè)置id屬性

  • 使用“$("#id屬性值")”語句獲取指定元素對(duì)象

  • 使用jquery方法給指定元素修改值

    • 修改元素值有三種方法：

    • 使用text()，可設(shè)置被選元素的文本內(nèi)容。

    • 使用html()，可設(shè)置被選元素的內(nèi)容（innerHTML）。

    • 使用val()，可設(shè)置input元素的值

    示例1：使用text()

    <!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("#xg").text("Hello world!");
				});
			});
		</script>
	</head>
	<body>

		<button>修改id="xg"的p元素的文本內(nèi)容</button>
		<p id="xg">這是一個(gè)段落。</p>
		<p>這是另一個(gè)段落。</p>

	</body>
</html>

    jquery如何根據(jù)id改變?cè)刂?></p><p><strong>示例2：使用html()</strong></p><pre class=<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(document).ready(function() { $("button").click(function() { $("#xg").html("Hello <b>world!</b>"); }); }); </script> </head> <body> <button>修改id="xg"的p元素的文本內(nèi)容</button> <p id="xg">這是一個(gè)段落。</p> <p>這是另一個(gè)段落。</p> </body> </html>

    jquery如何根據(jù)id改變?cè)刂?></p><p><strong>示例3：使用val()</strong></p><pre class=<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(document).ready(function() { $("button").click(function() { $("#name").val("Hello kemok4.com"); }); }); </script> </head> <body> <button>修改id="name"的input元素的文本內(nèi)容</button><br><br> 用戶名: <input id="name" type="text" name="user" value="Hello" /> </body> </html>

    jquery如何根據(jù)id改變?cè)刂?></p><p class=到此，相信大家對(duì)“jquery如何根據(jù)id改變?cè)刂怠庇辛烁畹牧私猓环羴韺?shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

    向AI問一下細(xì)節(jié)
    AI
    助
    手