站長資訊網(wǎng)
修改方法：1、用attr()，可設(shè)置被選元素的指定屬性的值，語法“元素對象.attr("title","新值")”，新值將覆蓋舊值；2、用prop()，可為匹配元素集合設(shè)置指定屬性值，語法“元素對象.prop("title","新值")”。
本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
元素的title屬性
title 屬性規(guī)定關(guān)于元素的額外信息。
這些信息通常會在鼠標(biāo)移到元素上時(shí)顯示一段工具提示文本（tooltip text）。
提示：title 屬性常與 form 以及 a 元素一同使用，以提供關(guān)于輸入格式和鏈接目標(biāo)的信息。同時(shí)它也是 abbr 和 acronym 元素的必需屬性。
那么怎么用jquery修改元素的title屬性尼？
在jquery中，可以使用兩種方法來修改title屬性
-
attr()
-
prop()
1、使用attr()方法修改title屬性
attr()方法設(shè)置被選元素的指定屬性的值
也兩種語法格式：
//設(shè)置單個(gè)屬性值 $(selector).attr("屬性名","屬性值") //設(shè)置一個(gè)或多個(gè)屬性值 $(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屬性">這是一個(gè)測試文本</div> <br><br> <button>修改元素的title屬性</button> </body> </html>
2、使用prop()方法修改title屬性
prop() 方法設(shè)置或返回被選元素的屬性和值。
-
當(dāng)該方法用于返回屬性值時(shí)，則返回第一個(gè)匹配元素的值。
-
當(dāng)該方法用于設(shè)置屬性值時(shí)，則為匹配元素集合設(shè)置一個(gè)或多個(gè)屬性/值對。
語法：
$(selector).prop("屬性名","屬性值")
注意：prop() 方法應(yīng)該用于檢索屬性值，例如 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屬性">這是一個(gè)測試文本</div> <br><br> <button>修改元素的title屬性</button> </body> </html>
【推薦學(xué)習(xí)：jQuery視頻教程、web前端視頻】
