jQuery操纵属性

jQuery操纵属性

 

页面包含如下内容：

 

 

<a>A link</a>

<ul>
       <li>I</li>
       <li>Me</li>
       <li>Mine</li>
</ul>

 

1. 使用jQuery的attr()方法设置 id 属性：

   • $('a').attr('href', 'http://www.example.com');

     将产生如下对应的HTML
   •  
     

     <a href='http://www.example.com'>A link</a>
     

      
2. 将一个对象字面量以“键-值”对的方式作为参数传递给attr()方法：

   • $('a').attr({
         id   : 'tmpExample', 
         title: 'Tooltip Text',
         href: 'http://www.example.com'
     });

     将产生如下对应的HTML
   •  
     

     <a href='http://www.example.com' title='Tooltip Text' id='tmpExample'>A link</a>

      
3. 通过一个回调函数传递属性值：

   •     $('li').attr(
           'id',
           function() {
             return 'tmp' + $(this).text();   
           }
         );

      将产生如下对应的HTML

   • <ul>
            <li id='tmpI'>I</li>
            <li id='tmpMe'>Me</li>
            <li id='tmpMine'>Mine</li>
     </ul>

      

    4.  移除元素属性使用 removeAttr()即可，如下:

$('a').removeAttr('title');