jquery獲取內容和屬性的方法
阿新 • • 發佈：2018-01-30
value 名稱 clas jquer scrip cli query itl 內容
通過jquery如何捕獲文本內容和屬性？
text(),html(),val()及attr()。
attr()更具有普遍性，元素text屬性和表單value屬性，可以通過attr()操作。
<!DOCTYPE html> <html> <head> <title>jquey獲取內容和屬性</title> <script type="text/javascript" src="../jquery.min.js"></script> <script type="text/javascript"> // jquery擁有可操作HTML元素和屬性的強大方法。 // text()設置或返回所選元素的文本內容 // $(function(){ // $(‘#btn1‘).click(function(){ // alert($(‘p‘).text()); // }); // $(‘#btn2‘).click(function(){ // alert($(‘p‘).html()); // }) // })// html()設置或返回所選元素的內容（包括HTML標記） // 連同html標簽一起返回 // val()設置或返回表單字段的值 // 獲得輸入字段 // $(function(){ // $(‘button‘).click(function(){ // alert(‘值:‘+$(‘input‘).val()); // }) // }) // attr()獲取屬性值 $(function(){ $(‘button‘).click(function(){ alert($(‘input‘).attr(‘value‘)); }) }) // 使用attr同樣可以代替val()，如此例，屬性value // 此方法是通過屬性改變 </script> </head> <body> <!-- <p>這是段落中的<b>粗體</b>文本。</p> <button id="btn1">顯示文本</button> --> <!-- <button id="btn2">顯示HTML</button> --> <p>名稱：<input type="text" name="" value="菜鳥教程"></p> <button>點擊顯示</button> </body> </html>
jquery獲取內容和屬性的方法