jQuery获取标签文本内容和html内容的方法


Posted in Javascript onMarch 27, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
JS在TextArea光标位置插入文字并实现移动光标到文字末尾
Jun 21 Javascript
js获取客户端外网ip的简单实例
Nov 21 Javascript
js中取得变量绝对值的方法
Jan 03 Javascript
jQuery配合coin-slider插件制作幻灯片效果的流程解析
May 13 Javascript
jquery ezUI 双击行记录弹窗查看明细的实现方法
Jun 01 Javascript
微信小程序scroll-view实现横向滚动和上拉加载示例
Mar 06 Javascript
微信小程序日历组件calendar详解及实例
Jun 08 Javascript
详解vue项目优化之按需加载组件-使用webpack require.ensure
Jun 13 Javascript
解决Jquery下拉框数据动态获取的问题
Jan 25 jQuery
纯javascript前端实现base64图片下载(兼容IE10+)
Sep 14 Javascript
Vue数据绑定简析小结
May 07 Javascript
深入浅析nuxt.js基于ssh的vue通用框架
May 21 Javascript
Node.js 去掉种子(torrent)文件里的邪恶信息
Mar 27 #Javascript
jQuery使用attr()方法同时设置多个属性值用法实例
Mar 26 #Javascript
jQuery使用prepend()方法在元素前添加内容用法实例
Mar 26 #Javascript
jQuery使用append在html元素后同时添加多项内容的方法
Mar 26 #Javascript
jQuery使用before()和after()在元素前后添加内容的方法
Mar 26 #Javascript
jQuery使用after()方法在元素后面添加多项内容的方法
Mar 26 #Javascript
jQuery使用empty()方法删除元素及其所有子元素的方法
Mar 26 #Javascript
You might like
php简单静态页生成过程
2008/03/27 PHP
php基础教程 php内置函数实例教程
2012/08/21 PHP
PHP生成随机数的方法实例分析
2015/01/22 PHP
php去除头尾空格的2种方法
2015/03/16 PHP
php文件上传 你真的掌握了吗
2016/11/28 PHP
PHP策略模式定义与用法示例
2017/07/27 PHP
PHP+MySQL实现模糊查询员工信息功能示例
2018/06/01 PHP
Laravel 错误提示本地化的实现
2019/10/22 PHP
Aster vs Newbee BO5 第一场2.19
2021/03/10 DOTA
JS的数组的扩展实例代码
2008/07/09 Javascript
为JavaScript提供睡眠功能(sleep) 自编译JS引擎
2010/08/16 Javascript
JQUERY 实现窗口滚动搜索框停靠效果(类似滚动停靠)
2013/03/27 Javascript
JS实现随机化快速排序的实例代码
2013/08/01 Javascript
javascript实现根据时间段显示问候语的方法
2015/06/18 Javascript
jquery悬浮提示框完整实例
2016/01/13 Javascript
Node.js的Koa框架上手及MySQL操作指南
2016/06/13 Javascript
Angular2 路由问题修复详解
2017/03/01 Javascript
javascript 开发之网页兼容各种浏览器
2017/09/28 Javascript
AngularJS中控制器函数的定义与使用方法示例
2017/10/10 Javascript
JavaScript 监听组合按键思路及代码实现
2020/07/28 Javascript
[39:52]2018DOTA2亚洲邀请赛 4.3 突围赛 EG vs Newbee 第一场
2018/04/04 DOTA
[43:32]Winstrike vs VGJ.S 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
python读取csv文件示例(python操作csv)
2014/03/11 Python
Python的Flask框架中实现分页功能的教程
2015/04/20 Python
Python的__builtin__模块中的一些要点知识
2015/05/02 Python
详解Python的Flask框架中生成SECRET_KEY密钥的方法
2016/06/07 Python
python中将函数赋值给变量时需要注意的一些问题
2017/08/18 Python
Python实现合并同一个文件夹下所有txt文件的方法示例
2018/04/26 Python
Python八大常见排序算法定义、实现及时间消耗效率分析
2018/04/27 Python
对Python3之方法的覆盖与super函数详解
2019/06/26 Python
python GUI库图形界面开发之PyQt5时间控件QTimer详细使用方法与实例
2020/02/26 Python
python进行参数传递的方法
2020/05/12 Python
预订全球最佳旅行体验:Viator
2018/03/30 全球购物
瑞典的玛丽小姐:Miss Mary of Sweden
2019/02/13 全球购物
大学生求职简历自我评价
2015/03/02 职场文书
详解MySQL多版本并发控制机制(MVCC)源码
2021/06/23 MySQL