jQuery基础之获取和设置标签元素属性

jQuery基础之获取和设置标签元素属性方法，如下图：

代码实现：

 <script src="JS/jquery-1.12.4.min.js"></script>
     <script>
         // 获取元素属性函数
         $(function(){
             // 通过prop(属性名)方法，获取标签元素的属性值
             var $div = $('#div1 #int1');
             console.log($div.prop('id'))
             // 通过prop()方法获取value的值
             var result = $div.prop('value')
             console.log(result,typeof(result))
             // 通过val()方法获取value的值
             result = $div.val()
             console.log(result,typeof(result))
             // 以上两种方式获取的值和类型都完全相同
         });
         // 设置元素属性值
         $(function(){
             var $div = $('#div1 #int1');
             // 通过val()方法设置元素属性值
             $div.val('222222222');
             // 通过prop()方法设置元素属性值
             // 当使用prop()方法设置元素属性值时，如果原属性存在则会覆盖掉原属性及原属性值
             $div.prop({'value':'333333'});
             // 当使用prop()方法设置元素属性值时，如果原属性不存在，则会追加上设置的属性及属性这
             $div.prop({'class':'inp1','name':'my_inp'})
         });
     </script>

 <body>
     <div id="div1">

         <input type="text" id="int1" value="11111">
     </div>
 </body>