jQuery如何設定元素的屬性值

antzone發表於2017-03-28

有時候我們需要動態的給一個元素新增屬性值,下面就以給<link>標籤動態設定href屬性值為例做一下介紹。

下面直接給出演示程式碼:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="renderer" content="webkit">
<link id="antzone" rel="Stylesheet" type="text/css"/> 
<title>螞蟻部落</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#antzone").attr("href","css.css?"+(new Date()).getTime());
})
</script>
</head>
<body>
<div>上面的程式碼會將時間戳新增於css檔案之後</div>
</body>
</html>

上面的程式碼使用attr()方法可以設定元素的屬性,當然也可以使用prop()方法。

相關閱讀:

1.attr()方法可以參閱jQuery attr()一章節。

2.prop()方法可以參閱jQuery prop()一章節。

3.兩個方法的區別可以參閱prop()函式和attr()函式區別一章節。

相關文章