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 相关文章推荐
表单填写时用回车代替TAB的实现方法
Oct 09 Javascript
仿jQuery的siblings效果的js代码
Aug 09 Javascript
理运用命名空间让js不产生冲突避免全局变量的泛滥
Jun 15 Javascript
JS循环遍历JSON数据的方法
Jul 08 Javascript
JavaScript中的getTime()方法使用详解
Jun 10 Javascript
JS中改变this指向的方法(call和apply、bind)
Mar 26 Javascript
jQuery实现表格隔行及滑动,点击时变色的方法【测试可用】
Aug 20 Javascript
使用jsonp实现跨域获取数据实例讲解
Dec 25 Javascript
PHP实现记录代码运行时间封装类实例教程
May 08 Javascript
Ionic项目中Native Camera的使用方法
Jun 07 Javascript
jQuery 操作 HTML 元素和属性的方法
Nov 12 jQuery
vue路由导航守卫和请求拦截以及基于node的token认证的方法
Apr 07 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 clearstatcache()函数详解
2010/03/02 PHP
php遍历目录输出目录及其下的所有文件示例
2014/01/27 PHP
php上传图片之时间戳命名(保存路径)
2014/08/15 PHP
PHP中的Iterator迭代对象属性详解
2019/04/12 PHP
基于PHP实现微信小程序客服消息功能
2019/08/12 PHP
js获取图片长和宽度的代码
2009/11/24 Javascript
JavaScript中__proto__与prototype的关系深入理解
2012/12/04 Javascript
常见浏览器多长时间会提示“脚本运行时间过长”总结
2014/04/29 Javascript
js实现有时间限制消失的图片方法
2015/02/27 Javascript
在Python中使用glob模块查找文件路径的方法
2015/06/17 Javascript
js实现当前输入框高亮显示的方法
2015/08/19 Javascript
jq stop()和:is(:animated)的用法及区别(详解)
2017/02/12 Javascript
js实现拖拽功能
2017/03/01 Javascript
nodejs密码加密中生成随机数的实例代码
2017/07/17 NodeJs
Angular 1.x个人使用的经验小结
2017/07/19 Javascript
深入理解vue Render函数
2017/07/19 Javascript
js原生代码实现轮播图的实例讲解
2017/07/28 Javascript
开发Node CLI构建微信小程序脚手架的示例
2020/03/27 Javascript
js实现网页随机验证码
2020/10/19 Javascript
详解Python进程间通信之命名管道
2017/08/28 Python
python将秒数转化为时间格式的实例
2018/09/16 Python
python 使用值来排序一个字典的方法
2018/11/16 Python
对Python函数设计规范详解
2019/07/19 Python
python使用pyecharts库画地图数据可视化的实现
2020/03/25 Python
如何设置PyCharm中的Python代码模版(推荐)
2020/11/20 Python
HTML5中通过li-canvas轻松实现单图、多图、圆角图绘制,单行文字、多行文字等
2018/11/30 HTML / CSS
解决canvas转base64/jpeg时透明区域变成黑色背景的方法
2016/10/23 HTML / CSS
英国电视和家用电器购物网站:rlrdistribution.co.uk
2018/11/20 全球购物
高校自主招生自荐信
2013/12/09 职场文书
反四风个人对照检查材料思想汇报
2014/09/25 职场文书
2014年党员个人剖析材料
2014/10/08 职场文书
2014年行政部工作总结
2014/11/19 职场文书
教师个人培训总结
2015/02/11 职场文书
微信小程序和php的登录实现
2021/04/01 PHP
CSS中Single Div 绘图技巧的实现
2021/06/18 HTML / CSS
《王者天下》第4季首话新剧照 4月9日正式开播
2022/04/07 日漫