jQuery attr(name)方法获取元素的属性

获取元素属性的语法格式如下:attr(name),其中name 表示属性的名称。

示例如下:

  1. <head>  
  2.     <title>获取元素的属性</title>  
  3.     <script type="text/javascript"   
  4.             src="../Jscript/jquery-1.4.2.js">  
  5.     </script>  
  6.     <script type="text/javascript"   
  7.             src="../Jscript/jquery-1.4.2-vsdoc.js">  
  8.     </script>  
  9.     <style type="text/css">  
  10.            body{font-size:12px}  
  11.            div{float:left;padding-left:10px}  
  12.            img{border:solid 1px #ccc;padding:3px;float:left}  
  13.     </style>  
  14.     <script type="text/javascript">  
  15.         $(function() {  
  16.             var strAlt = $("img").attr("src"); //属性值一  
  17.             strAlt += "<br/><br/>" + $("img").attr("title"); //属性值二  
  18.             $("#divAlt").html(strAlt);  
  19.         })  
  20.     </script>  
  21. </head>  
  22. <body>  
  23.      <img alt="" title="这是一幅风景画"   
  24.           src="../Images/img01.jpg" />  
  25.      <div id="divAlt"></div>  
  26. </body>  
  27. </html>  

相关推荐