Jquery의 attr 속성

 JS              setAttribute(),             getAttribute(),  jquery ，   attr()        ,     ^^



jquery  attr()            ,attr attribute（  ）   ， jQuery DOM        attr()，attr() 4    。



1. attr(   )        //      （             。                            。          ，    undefined ）



2. attr(   ,    )   //       （               。）



3. attr(   ,   )     //          （                  。    ，        ，              。）



4.attr(properties)    //            ， ：{    : “    ” ,     : “    ” , … … }。(                         。   ，         class  ，     'className'      。         'class'  'id'。)



html    :



<p title="        。">        ？</p>

<ul>

   <li title="   ">  </li>

   <li title="   " value="123">  </li>

   <li title="   ">  </li>

</ul>



1.attr(name)//      



1.1   attr(name)  title ：

<script>

alert($("ul li:eq(1)").attr("title"));

</script>



  ：   





1.2   attr(name)  value ：

<script>

alert($("ul li:eq(1)").attr("value"));

</script>



  ：123



2. attr(name,value)   //      



2.1   attr(name,value)  title  ：    

<script>

$("ul li:eq(1)").attr("title","    ");

alert($("ul li:eq(1)").attr("title"));

</script>



  ：    



3. attr(name,fn)  //        



3.1  value        title  。

<script>

$("ul li:eq(1)").attr("title",function(){ return this.value});

alert($("ul li:eq(1)").attr("title"));

</script>



  ：123



4.attr(properties)  //   “ / ”                 



4.1   <ul>  2 <li>  title value  。

<script>

$("ul li:eq(1)").attr({title:"     ",value:"  123"});

alert($("ul li:eq(1)").attr("title"));

alert($("ul li:eq(1)").attr("value"));

</script>



  ：         123



4.2   <ul>  2 <li>  class。

<script>

$("ul li:eq(1)").attr({className:"lili"});

</script>



  ：   li html：<li class="lili" title="   " value="123">  </li>



4.3   <ul>  2 <li>  id。

<script>

$("ul li:eq(1)").attr({id:"lili"});

</script>



  ：   li html：<li id="lili" title="   " value="123">  </li>



4.4   <ul>  2 <li>  style。

<script>

$("ul li:eq(1)").attr({style:"color:red"});

</script>



         ?



<script>

$("ul li:eq(1)").removeAttr ("title");

</script>



     ， attr       js  getAttribute      ,  removeAttr    removeAttribute     。