jQuery获取标签文本内容和html内容的方法
作者:bea
本文实例讲述了jQuery获取标签文本内容和html内容的方法。分享给大家供大家参考。具体分析如下: jQuery可以通过text和html方法获取指定标签的文本内容或者html内容 <!DOCTYPE html><html><head><script src="js/jquery.min.js"></script><script>$(document).ready(function(){ $("#b
本文实例讲述了jQuery获取标签文本内容和html内容的方法。分享给大家供大家参考。具体分析如下:
jQuery可以通过text和html方法获取指定标签的文本内容或者html内容
<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
alert("HTML: " + $("#test").html());
});
});
</script>
</head>
<body>
<p id="test">This is some <b>bold</b> text in a paragraph.</p>
<button id="btn1">Show Text</button>
<button id="btn2">Show HTML</button>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。
猜你喜欢
您可能感兴趣的文章:
- 原生js结合html5制作简易的双色子游戏
- 原生js结合html5制作小飞龙的简易跳球
- PHPMyAdmin导入时提示文件大小超出PHP限制的解决方法
- 浅谈类似于(function(){}).call()的js语句
- jquery实现右键菜单插件
- 纯JavaScript实现的兼容各浏览器的添加和移除事件封装
- jquery表单验证插件(jquery.validate.js)的3种使用方式
- JQuery调用绑定click事件的3种写法
- 对Web开发中前端框架与前端类库的一些思考
- Javascript优化技巧之短路表达式详细介绍
- 学习JavaScript编程语言的8张思维导图分享
- JavaScript中的函数声明和函数表达式区别浅析
- jQuery使用fadein方法实现渐出效果实例
- jQuery使用fadeout实现元素渐隐效果的方法
- javascript包装对象实例分析
- javascript操作select元素实例分析
- jquery使用slideDown实现模块缓慢拉出效果的方法
- jQuery使用slideUp方法实现控制元素缓慢收起
- jquery使用animate方法实现控制元素移动