通过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获取内容和属性的方法
原文地址:https://www.cnblogs.com/LoveMarvin/p/8379743.html