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 相关文章推荐
Extjs学习笔记之八 继承和事件基础
Jan 08 Javascript
原生javascript实现无间缝滚动示例
Jan 28 Javascript
jQuery性能优化的38个建议
Mar 04 Javascript
javascript委托(Delegate)blur和focus用法实例分析
May 26 Javascript
JS学习之表格的排序简单实例
May 16 Javascript
概述jQuery的元素筛选
Nov 23 Javascript
javascript编程实现栈的方法详解【经典数据结构】
Apr 11 Javascript
jQuery插件FusionCharts绘制2D双折线图效果示例【附demo源码】
Apr 14 jQuery
Node.js对MongoDB数据库实现模糊查询的方法
May 03 Javascript
详解微信小程序审核不通过的解决方法
Jan 17 Javascript
原生js添加一个或多个类名的方法分析
Jul 30 Javascript
Vue中ref和$refs的介绍以及使用方法示例
Jan 11 Vue.js
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
Protoss魔法科技
2020/03/14 星际争霸
PHP_Cooikes不同页面无法传递的解决方法
2014/03/07 PHP
thinkphp中memcache的用法实例
2014/11/29 PHP
php 三元运算符实例详细介绍
2016/12/15 PHP
推荐一些非常不错的javascript学习资源站点
2007/08/29 Javascript
网页开发中的容易忽略的问题 javascript HTML中的table
2009/04/15 Javascript
关于JavaScript中的关联数组分析
2013/04/09 Javascript
使用原生JS实现弹出层特效
2014/12/22 Javascript
实例讲解jquery与json的结合
2016/01/07 Javascript
jQuery实现智能判断固定导航条或侧边栏的方法
2016/09/04 Javascript
实例解析js中try、catch、finally的执行规则
2017/02/24 Javascript
Webpack中css-loader和less-loader的使用教程
2017/04/27 Javascript
Angular2中如何使用ngx-translate进行国际化
2017/05/21 Javascript
让axios发送表单请求形式的键值对post数据的实例
2018/08/11 Javascript
详解50行代码,Node爬虫练手项目
2019/04/22 Javascript
简述pm2常用命令集合及配置文件说明
2019/05/30 Javascript
gulp构建小程序的方法步骤
2019/05/31 Javascript
JavaScript中的this基本问题实例小结
2020/03/09 Javascript
Node.js API详解之 tty功能与用法实例分析
2020/04/27 Javascript
vue 子组件watch监听不到prop的解决
2020/08/09 Javascript
[56:35]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第一局
2016/03/06 DOTA
[01:11:11]Alliance vs RNG 2019国际邀请赛淘汰赛 败者组BO1 8.20.mp4
2020/07/19 DOTA
python 参数列表中的self 显式不等于冗余
2008/12/01 Python
python中的文件打开与关闭操作命令介绍
2018/04/26 Python
为什么str(float)在Python 3中比Python 2返回更多的数字
2018/10/16 Python
python的依赖管理的实现
2019/05/14 Python
Python 爬虫实现增加播客访问量的方法实现
2019/10/31 Python
使用canvas绘制贝塞尔曲线
2014/12/17 HTML / CSS
医院护士的求职信范文
2013/12/26 职场文书
工作推荐信范文
2014/05/10 职场文书
大型活动组织方案
2014/05/10 职场文书
文明生主要事迹
2014/05/25 职场文书
详解分布式系统中如何用python实现Paxos
2021/05/18 Python
详解Laravel制作API接口
2021/05/31 PHP
MySQL快速插入一亿测试数据
2021/06/23 MySQL
Win10鼠标宏怎么设置?win10系统鼠标宏的设置方法
2022/08/14 数码科技