溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇“jquery如何修改元素的title屬性”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“jquery如何修改元素的title屬性”文章吧。
修改方法：1、用attr()，可設置被選元素的指定屬性的值，語法“元素對象.attr("title","新值")”，新值將覆蓋舊值；2、用prop()，可為匹配元素集合設置指定屬性值，語法“元素對象.prop("title","新值")”。
本教程操作環境：windows7系統、jquery1.10.2版本、Dell G3電腦。
元素的title屬性
title 屬性規定關于元素的額外信息。
這些信息通常會在鼠標移到元素上時顯示一段工具提示文本（tooltip text）。
提示：title 屬性常與 form 以及 a 元素一同使用，以提供關于輸入格式和鏈接目標的信息。同時它也是 abbr 和 acronym 元素的必需屬性。
那么怎么用jquery修改元素的title屬性尼？
在jquery中，可以使用兩種方法來修改title屬性
attr()
prop()
1、使用attr()方法修改title屬性
attr()方法設置被選元素的指定屬性的值
也兩種語法格式：
//設置單個屬性值
$(selector).attr("屬性名","屬性值")
//設置一個或多個屬性值
$(selector).attr({屬性名:屬性值, 屬性名:屬性值, ...})想要修改元素的title屬性，可以直接使用第一種語法格式。
示例：
<!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>
2、使用prop()方法修改title屬性
prop() 方法設置或返回被選元素的屬性和值。
當該方法用于返回屬性值時，則返回第一個匹配元素的值。
當該方法用于設置屬性值時，則為匹配元素集合設置一個或多個屬性/值對。
語法：
$(selector).prop("屬性名","屬性值")注意：prop() 方法應該用于檢索屬性值，例如 DOM 屬性（如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected）。
示例：
<!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").prop("title","新title值");
});
});
</script>
</head>
<body>
<div title="舊title屬性">這是一個測試文本</div>
<br><br>
<button>修改元素的title屬性</button>
</body>
</html>
以上就是關于“jquery如何修改元素的title屬性”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
