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 相关文章推荐
jquery.qrcode在线生成二维码使用示例
Aug 21 Javascript
jquery实现的鼠标下拉滚动置顶效果
Jul 24 Javascript
JS绘制生成花瓣效果的方法
Aug 05 Javascript
AngularJS基础 ng-non-bindable 指令详细介绍
Aug 02 Javascript
jQuery+koa2实现简单的Ajax请求的示例
Mar 06 jQuery
深入浅析AngularJs模版与v-bind
Jul 06 Javascript
解决layui 复选框等内置控件不显示的问题
Aug 14 Javascript
vue axios基于常见业务场景的二次封装的实现
Sep 21 Javascript
ES6 Proxy实现Vue的变化检测问题
Jun 11 Javascript
JS数组扁平化(flat)方法总结详解
Jun 24 Javascript
解决一个微信号同时支持多个环境网页授权问题
Aug 07 Javascript
微信小程序:报错(in promise) MiniProgramError
Oct 30 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
WordPress判断用户是否登录的代码
2011/03/17 PHP
php class中public,private,protected的区别以及实例分析
2013/06/18 PHP
php获取文件内容最后一行示例
2014/01/09 PHP
深入理解PHP内核(一)
2015/11/10 PHP
php之header的不同用法总结(实例讲解)
2017/11/28 PHP
PHPUnit测试私有属性和方法功能示例
2018/06/12 PHP
Laravel框架源码解析之反射的使用详解
2020/05/14 PHP
Javascript 获取链接(url)参数的方法[正则与截取字符串]
2010/02/09 Javascript
asp.net下使用jquery 的ajax+WebService+json 实现无刷新取后台值的实现代码
2010/09/19 Javascript
jQuery的控件及事件(输入控件及回车事件)使用示例
2013/07/25 Javascript
带左右箭头图片轮播的JS代码
2013/12/18 Javascript
zeroclipboard 单个复制按钮和多个复制按钮的实现方法
2014/06/14 Javascript
javascipt:filter过滤介绍及使用
2014/09/10 Javascript
JavaScript将数组转换成CSV格式的方法
2015/03/19 Javascript
使用Meteor配合Node.js编写实时聊天应用的范例
2015/06/23 Javascript
基于ajax实现文件上传并显示进度条
2015/08/03 Javascript
javascript下使用Promise封装FileReader
2016/02/19 Javascript
关于JS变量和作用域详解
2016/07/28 Javascript
js实现千分符和保留几位小数的简单实例
2016/08/01 Javascript
Easyui笔记2:实现datagrid多行删除的示例代码
2017/01/14 Javascript
JS实现模糊查询带下拉匹配效果
2018/06/21 Javascript
[35:26]DOTA2上海特级锦标赛B组小组赛#2 VG VS Fnatic第三局
2016/02/26 DOTA
使用Python脚本将绝对url替换为相对url的教程
2015/04/24 Python
Python实现获取域名所用服务器的真实IP
2015/10/25 Python
Python二叉树定义与遍历方法实例分析
2018/05/25 Python
pytorch 预训练层的使用方法
2019/08/20 Python
python调用摄像头的示例代码
2020/09/28 Python
吉列剃须刀美国官网:Gillette美国
2018/07/13 全球购物
机修工岗位职责
2013/11/24 职场文书
党校培训自我鉴定
2014/02/01 职场文书
专升本学生毕业自我鉴定
2014/10/04 职场文书
项目转让协议书
2014/10/27 职场文书
运动会通讯稿200字
2015/07/20 职场文书
2016年党员岗位承诺书
2016/03/24 职场文书
2019个人工作自我评价范文(3篇)
2019/09/19 职场文书
使用CSS实现音波加载效果
2023/05/07 HTML / CSS