jquery操作屬性
阿新 • • 發佈：2019-02-11
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script src="./jquery-1.12.4.min.js"></script> <script> $(function(){ var $img = $('img'); //獲取標籤屬性 var sSrc = $img.prop('src'); // alert(sSrc); var sValue = $('input').prop('value') // alert(sValue); //獲取value值的時候還有一個簡寫形式如下 var sValue = $('input').val() alert(sValue); //寫入 //改變了圖片 $img.prop({"src":"./images/goods002.jpg"}) //標籤裡面包裹的內容 alert($('div').html()); //在html()括號中新增引數就可以改變標籤中的內容 $('div').html('hello world!'); //關於attr()自定義屬性,也就是說如果想在標籤中獲取自定義屬性,這時候用prop()是無法獲取的,要用attr() alert($('.box').attr('word')); //我想要用prop()獲取,會彈出undefined alert($('.box').prop('word')); }) </script> </head> <body> <div class="box" word="36">這是一個世界,很美的世界</div> <input type="text" value="想想看"> <img src="./images/goods001.jpg" alt="水果圖片"> </body> </html>