jquery获取内容和属性的方法
程序员文章站
2023-12-31 20:25:16
通过jquery如何捕获文本内容和属性? text(),html(),val()及attr()。 attr()更具有普遍性,元素text属性和表单value属性,可以通过attr()操作。 ......
通过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>