jquery設定和獲取元素的屬性

antzone發表於2017-03-17
jQuery

使用jquery可以方便的設定指定元素的屬性，下面就以div元素為例子做一下簡單介紹。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title>  
<style type="text/css">
#thediv{
  width:100px;
  height:100px;
  background:green;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 
<script type="text/javascript"> 
$(function(){ 
  $("div").prop("id","thediv");
}); 
</script> 
</head> 
<body> 
<div></div> 
</body> 
</html>

以上程式碼實現了我們的要求，可以設定div元素的id屬性值，其他屬性也是如此，至於獲取屬性可以使用如下程式碼:

[JavaScript] 純文字檢視 複製程式碼
$("div").prop("id");

這樣就可以獲取div元素的id屬性值。

相關文章