jquery對標簽屬性操作
阿新 • • 發佈：2017-05-12
如果 fun gif .cn query hive html標簽 arc 標簽
在jQuery裏我們可以通過.attr()的方法來實現對HTML標簽屬性(tag attribute)處理。
1. 獲取標簽屬性的值 (演示)
- 語法：
$(‘選定目標‘).attr(‘屬性名‘) - 例子如下：(如果你對如何選定目標不了解，請查看前面的文章：jQuery基礎 - 選擇器)
<p id="b6_a">點擊獲取本段落的ID</p>
<button>查看ID</button>
<p id="b6_a">點擊查看鏈接的URL</p>
<ul>
<li><a href="http://www.61dh.com/blog">網站開發日誌</a></li>
<li><a href="http://www.61dh.com/blog/categories/">日誌分類</a></li>
</ul>
//使用下面的jQuery代碼，來獲取ID和HREF
$(document).ready(function() {
$(‘button:eq(0)‘).click(function(){
alert("ID:" +$(‘p:eq(0)‘).attr("id"));
});
$("ul>li>a").click(function(){
alert("URL:"+$(this).attr(‘href‘));
return false;
});
});
2. 設置標簽屬性的值 (演示)
- 語法：
$(‘選定目標‘).attr(‘屬性名‘, ‘值‘) - 例子如下：
<p id="b6_c">點擊設置本段落的ID，</p>
<button>設置ID</button>
//通過下面的jQuery代碼，點擊按鈕後，p的‘id‘將被設置為"b6_cc"
$("button").click(function(){
$(‘#b6_c‘).attr("id", "b6_cc");
});
3. 使用jQuery設置標簽屬性值的功能，我們可以對表單的提交的目的地進行修改，這在實際運用中還是挺有用。例如：用戶可以通過點擊某個鏈接，讓表單提交給不同的php文件做不同的處理。
$(‘a‘).click(function(){
$("#myform").attr("action", "custom1.php");
});
4. 上面介紹的設置標簽屬性值的方法都只有對一個屬性進行修改，其實jQuery的.attr()方法也可以對某個標簽的多個屬性進行修改，例子如下：
$("#myimg").attr({
src : "newimage.gif",
title : "New Image",
alt : "New Image",
border : 1
});
來源:http://www.cnblogs.com/Look_Sun/archive/2010/02/11/1667493.html
jquery對標簽屬性操作