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中常用的55个经典技巧
Aug 12 Javascript
javascritp添加url参数将参数加入到url中
Sep 25 Javascript
推荐一个封装好的getElementsByClassName方法
Dec 02 Javascript
jQuery插件datepicker 日期连续选择
Jun 12 Javascript
jQuery实现响应鼠标滚动的动感菜单效果
Sep 21 Javascript
JS使用post提交的两种方式
Dec 03 Javascript
基于JavaScript实现网页倒计时自动跳转代码
Dec 28 Javascript
javascript入门之window对象【新手必看】
Nov 22 Javascript
微信小程序 高德地图SDK详解及简单实例(源码下载)
Jan 11 Javascript
vue-infinite-loading2.0 中文文档详解
Apr 08 Javascript
nuxt.js 在middleware(中间件)中实现路由鉴权操作
Nov 06 Javascript
一小时迅速入门Mybatis之bind与多数据源支持 Java API
Sep 15 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
mysql5详细安装教程
2007/01/15 PHP
PHP 使用redis简单示例分享
2015/03/05 PHP
汇总PHPmailer群发Gmail的常见问题
2016/02/24 PHP
php pdo oracle中文乱码的快速解决方法
2016/05/16 PHP
浅析php如何实现App常用的秒发功能
2016/08/03 PHP
Laravel手动返回错误码示例
2019/10/22 PHP
解决css和js的{}与smarty定界符冲突问题的两种方法
2013/09/10 Javascript
js获取当前月的第一天和最后一天的小例子
2013/11/18 Javascript
node.js中的console.log方法使用说明
2014/12/09 Javascript
深入理解JavaScript系列(43):设计模式之状态模式详解
2015/03/04 Javascript
jQuery实现二级下拉菜单效果
2016/01/05 Javascript
Extjs实现下拉菜单效果
2016/04/01 Javascript
Angular.js中$apply()和$digest()的深入理解
2016/10/13 Javascript
Vue.js实现无限加载与分页功能开发
2016/11/03 Javascript
JS ES6多行字符串与连接字符串的表示方法
2017/04/26 Javascript
angular+ionic返回上一页并刷新页面
2017/08/08 Javascript
超详细动手搭建一个VuePress 站点及开启PWA与自动部署的方法
2019/01/27 Javascript
Vue 中可以定义组件模版的几种方式
2019/08/06 Javascript
javascript中innerHTML 获取或替换html内容的实现代码
2020/03/17 Javascript
8个非常实用的Vue自定义指令
2020/12/15 Vue.js
[01:20]DOTA2更新全新英雄 天涯墨客现已加入游戏
2018/08/25 DOTA
python算法学习之桶排序算法实例(分块排序)
2013/12/18 Python
python实现给微信指定好友定时发送消息
2019/04/29 Python
Python 获取 datax 执行结果保存到数据库的方法
2019/07/11 Python
关于python 的legend图例,参数使用说明
2020/04/17 Python
opencv 形态学变换(开运算,闭运算,梯度运算)
2020/07/07 Python
安德玛菲律宾官网:Under Armour菲律宾
2020/07/28 全球购物
Prototype如何更新局部页面
2013/03/03 面试题
2013年学期结束动员演讲稿
2014/01/07 职场文书
会计电算化学生个人的自我评价
2014/02/08 职场文书
《大海那边》教学反思
2014/04/09 职场文书
正风肃纪剖析材料范文
2014/10/10 职场文书
2015年五四青年节演讲稿
2015/03/18 职场文书
2015年社会治安综合治理工作总结
2015/04/10 职场文书
剖析后OpLog订阅MongoDB的数据变更就没那么难了
2022/02/24 MongoDB
Tomcat项目启动失败的原因和解决办法
2022/04/20 Servers