jquery怎么获取标签内容

了解jquery怎么获取标签内容？这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容，让我们一起来看看吧！

创新互联是专业的寻甸网站建设公司，寻甸接单;提供成都网站建设、网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行寻甸网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

jquery获取标签内容的方法：1、使用“$('#id').val()”方法获取标签的value值；2、通过“$('#id').text()”方法获取标签中间的文本；3、通过“$('#id').html()”方法获取标签中的html内容。

使用jquery获得标签的值或元素的内容

$('#标签id').val() 可以用来获取标签的value值，比如 input 标签的value值可以用它获取；
$('#标签id').text()可以用来获取标签中间的文本，比如 值1就可以用它获取到值1；
$('#标签id').html() 可以用来获取标签中间的html内容，比如
123
可以用$('#div1').html()获取到123；
$('#标签id').attr('属性名')可以用它来获取标签的指定属性的值，比如xxx就可以用.attr('href')获取到xxx.aspx。
jquery提供了三个获得内容的方法： text()、html() 以及 val()，其中前两个可用于解决本问题：
$("label#userid").text(); // 首选，获取label的文本
$("label#userid").html(); // 也可以实现，获取label标签内的所有html标记，一般情况改下label标签内就是文本，所以等效上面的方法

下面给出实例演示：分别使用以上两种方法获取label标签的内容，注意最终结果的区别

创建Html元素

点击按钮获取label中内容：


输入用户名

设置css样式

div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
div.box span{color:#999;font-style:italic;}
div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
h4{display:inline-block;}
input[type='button']{height:30px;margin:10px;padding:5px 10px;}

编写jquery代码

$(function(){
$("input:button.btn1").click(function() {
alert($("label#userid").text());
});
$("input:button.btn2").click(function() {
alert($("label#userid").html());
});
})

观察效果

使用text()方法获取标签内的内容

感谢各位的阅读！看完上述内容，你们对jquery怎么获取标签内容大概了解了吗？希望文章内容对大家有所帮助。如果想了解更多相关文章内容，欢迎关注创新互联行业资讯频道。