jquery怎麼修改title值
- 青灯夜游原創
- 2022-04-28 15:03:074928瀏覽
jquery修改title值的方法：1、使用text()，可以修改title標籤值，語法「$("title").text("新值");」；2、使用attr( )，可以修改title屬性值，語法「元素.attr("title","新值");」。
本教學操作環境：windows7系統、jquery1.10.2版本、Dell G3電腦。
在HTML中，title值有兩種：
title標籤的內容值
title屬性的屬性值
那麼怎麼使用jquery修改這兩種title值呢，下面跟大家介紹一下
1、jquery修改title標籤值
b2386ffb911b14667cb8f0f91ea547a7 標籤定義文件的標題，在所有HTML 文件中是必要的。
b2386ffb911b14667cb8f0f91ea547a7元素：
#定義瀏覽器工具列中的標題
提供頁面被新增到收藏夾時的標題
顯示在搜尋引擎結果中的頁面標題
修改title標籤值可以使用text()方法。 text() 方法可以傳回被選元素的文字內容。
範例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文档的旧标题</title>
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
$("title").text("新的文档标题");
});
});
</script>
</head>
<body>
<button>修改title文档标题</button>
</body>
</html>2、jquery修改title屬性值
title 屬性規定關於元素的額外資訊。
這些資訊通常會在滑鼠移到元素上時顯示一段工具提示文字（tooltip text）。
修改title屬性值可以使用attr()方法，該方法可以設定被選元素的指定屬性的值。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("button").click(function() {
$("div").attr("title","新title值");
});
});
</script>
</head>
<body>
<div title="这是title属性">这是一个测试文本</div>
<br><br>
<button>修改元素的title属性</button>
</body>
</html>
【推薦學習：jQuery影片教學、web前端影片】
以上是jquery怎麼修改title值的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn