DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery常見問題 >> jquery獲取設置title屬性
jquery獲取設置title屬性
編輯:JQuery常見問題     

體驗效果網址:http:///keleyi/phtml/jquery/19.htm

具體請看以下代碼:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jquery獲取設置title屬性-</title>
<script type="text/javascript" src="http:///keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script>
</head>
<body>
<div>
<a href="http://" id="link" title=""></a><br />
上面鏈接的初始代碼為:&lt;a href=&quot;http://&quot; id=&quot;link&quot; title=&quot;&quot;&gt;&lt;/a&gt;
<br />
上面鏈接的title屬性為:<span id="linktitle"></span> <input type="button" id="gettitle" value="獲取title屬性" />
<br />
<input type="button" id="settilte" value="修改上面鏈接的title屬性為''" />
<br />先點擊“獲取title屬性”按鈕,看看結果。然後點擊下面按鈕,再點擊上面按鈕,注意變化。
</div>
<div>
<a href="http:///a/bjad/p7gfevir.htm" target="_blank">原文</a></div>
</div>
<script type="text/javascript">
$(function () {
$("#gettitle").on("click", function () {
$("#linktitle").text(
$("#link").attr("title")//獲取title屬性的值
) });
$("#settilte").on("click", function () {
$("#link").attr("title", "")//設置title屬性的值
})
}
);
</script>
</body>
</html>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved