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 相关文章推荐
javascript 屏蔽鼠标键盘的几段代码
Jan 02 Javascript
img的onload的另类用法
Jan 10 Javascript
详解new function(){}和function(){}() 区别分析
Mar 22 Javascript
JavaScript 学习点滴记录
Apr 24 Javascript
页面右下角弹出提示框示例代码js版
Aug 02 Javascript
JavaScript cookie的设置获取删除详解
Feb 11 Javascript
Extjs表单常见验证小结
Mar 07 Javascript
AngularJS实现星星等级评分功能
Sep 24 Javascript
Bootstrap响应式导航由768px变成992px的实现代码
Jun 15 Javascript
js微信分享接口调用详解
Jul 23 Javascript
vue路由守卫及路由守卫无限循环问题详析
Sep 05 Javascript
解决Layui数据表格的宽高问题
Sep 28 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与MySQL开发中页面出现乱码的一种解决方法
2007/07/29 PHP
PHP 数字左侧自动补0
2008/03/31 PHP
使用php发送有附件的电子邮件-(PHPMailer使用的实例分析)
2013/04/26 PHP
win平台安装配置Nginx+php+mysql 环境
2016/01/12 PHP
PHP基于方差和标准差计算学生成绩的稳定性示例
2017/07/04 PHP
php设计模式之组合模式实例详解【星际争霸游戏案例】
2020/03/27 PHP
发布BlueShow v1.0 图片浏览器(类似lightbox)blueshow.js 打包下载
2007/07/21 Javascript
让JavaScript 轻松支持函数重载 (Part 1 - 设计)
2009/08/04 Javascript
动态加载script文件的两种方法
2013/08/15 Javascript
节点的插入之append()和appendTo()的用法介绍
2014/01/13 Javascript
JavaScript AJAX之惰性载入函数
2014/08/27 Javascript
jquery实现右键菜单插件
2015/03/29 Javascript
jQuery中的siblings()是什么意思(推荐)
2016/12/29 Javascript
vue bootstrap小例子一枚
2017/06/09 Javascript
微信小程序 scroll-view实现锚点滑动的示例
2017/12/06 Javascript
Elasticsearch实现复合查询高亮结果功能
2019/09/10 Javascript
vue实现简易图片左右旋转,上一张,下一张组件案例
2020/07/31 Javascript
vue 中的动态传参和query传参操作
2020/11/09 Javascript
jQuery-App输入框实现实时搜索
2020/11/19 jQuery
python中readline判断文件读取结束的方法
2014/11/08 Python
Python3的urllib.parse常用函数小结(urlencode,quote,quote_plus,unquote,unquote_plus等)
2016/09/18 Python
python测试mysql写入性能完整实例
2018/01/18 Python
python装饰器深入学习
2018/04/06 Python
Python使用pymongo模块操作MongoDB的方法示例
2018/07/20 Python
python爬虫开发之Request模块从安装到详细使用方法与实例全解
2020/03/09 Python
Python selenium爬虫实现定时任务过程解析
2020/06/08 Python
Python爬虫自动化爬取b站实时弹幕实例方法
2021/01/26 Python
丹麦优惠购物网站:PLUSSHOP
2019/03/24 全球购物
亚马逊巴西站:Amazon.com.br
2019/09/22 全球购物
Habitat家居英国官方网站:沙发、家具、照明、厨房和户外
2019/12/12 全球购物
党的群众路线教育学习材料
2014/05/12 职场文书
校园文化标语
2014/06/18 职场文书
4S店客服专员岗位职责
2015/04/07 职场文书
结婚通知短信大全
2015/04/17 职场文书
员工加薪申请报告
2015/05/15 职场文书
如何用python反转图片,视频
2021/04/24 Python