jQuery 处理网页内容的实现代码


Posted in Javascript onFebruary 15, 2010

jQuery提供两种实现这种功能的方法 ? text()和html()。text()是对纯文本的处理;html()和text()相似,不同的是它还支持HTML代码。

//设置ID为"b5_a"段落的内容为"这是新加入的文本信息"; 
$('#b5_a").text("这是新加入的文本信息"); 
//在ID为"b5_b"的div里加入一段html代码; 
$("#b5_b").html("<p>新加入一个html段落</p>");

有时我们要读取页面的内容,这也可以用text()和html()来实现。同样,使用text()得到的是纯文本;使用html()得到的是html代码。
//点击第二个按钮查看相关元素的文本内容 
$("button:eq(1)").click(function(){ 
alert($('#b5_a').text()); 
}); 
//点击第四个按钮查看相关元素的HTML内容 
$("button:eq(3)").click(function(){ 
alert($('#b5_a').html()); 
});

注意:text()和html()返回值得类型都是字符串型(string)。如果我们要对返回值进行算术运算,我们可以使用原始的JavaScript 函数:parseInt 或者 parseFloat 先把字符串转换成整形或者浮点型。
<ul id="u2"> 
<li>12.3</li> 
<li>1.5</li> 
</ul> 
//通过下面的jQuery代码,可以对上述列表求和 
$("button:eq(4)").click(function(){ 
var sum = 0; 
$('li').each(function(index){ 
sum += parseFloat($(this).text()); 
}); 
alert(sum); 
});
Javascript 相关文章推荐
javaScript checkbox 全选/反选及批量删除
Apr 28 Javascript
JavaScript 变量作用域分析
Jul 04 Javascript
Jquery 动态生成表格示例代码
Dec 24 Javascript
JavaScript编程中布尔对象的基本使用
Oct 25 Javascript
基于jQuey实现鼠标滑过变色(整行变色)
Dec 07 Javascript
详解AngularJS中$http缓存以及处理多个$http请求的方法
Feb 06 Javascript
JS验证不重复验证码
Feb 10 Javascript
vue.js事件处理器是什么
Mar 20 Javascript
微信小程序使用Promise简化回调
Feb 06 Javascript
vue强制刷新组件的方法示例
Feb 28 Javascript
IDEA配置jQuery, $符号不再显示黄色波浪线的问题
Oct 09 jQuery
jQuery实现影院选座订座效果
Apr 13 jQuery
JS getMonth()日期函数的值域是0-11
Feb 15 #Javascript
不同浏览器对回车提交表单的处理办法
Feb 13 #Javascript
Jquery iframe内部出滚动条
Feb 11 #Javascript
jquery 问答知识整理
Feb 11 #Javascript
改善你的jQuery的25个步骤 千倍级效率提升
Feb 11 #Javascript
jQuery 改变CSS样式基础代码
Feb 11 #Javascript
jQuery 添加/移除CSS类实现代码
Feb 11 #Javascript
You might like
关于时间计算的结总
2006/12/06 PHP
php 解析xml 的四种方法详细介绍
2016/10/26 PHP
jQuery实现长文字部分显示代码
2013/05/13 Javascript
深入理解JSON数据源格式
2014/01/10 Javascript
JS通过ajax动态读取xml文件内容的方法
2015/03/24 Javascript
JavaScript File分段上传
2016/03/10 Javascript
Bootstrap分页插件之Bootstrap Paginator实例详解
2016/10/15 Javascript
vue addRoutes实现动态权限路由菜单的示例
2018/05/15 Javascript
微信小程序实现人脸识别
2018/05/25 Javascript
vue v-model实现自定义样式多选与单选功能
2018/07/05 Javascript
微信小程序实现录音时的麦克风动画效果实例
2019/05/18 Javascript
在Vue项目中,防止页面被缩放和放大示例
2019/10/28 Javascript
vue自定义组件实现双向绑定
2021/01/13 Vue.js
Python实现针对含中文字符串的截取功能示例
2017/09/22 Python
用Eclipse写python程序
2018/02/10 Python
解决Python的str强转int时遇到的问题
2018/04/09 Python
python 使用poster模块进行http方式的文件传输到服务器的方法
2019/01/15 Python
python二进制文件的转译详解
2019/07/03 Python
Python 脚本拉取 Docker 镜像问题
2019/11/10 Python
Python线程threading模块用法详解
2020/02/26 Python
python实现数字炸弹游戏
2020/07/17 Python
利用Python发送邮件或发带附件的邮件
2020/11/12 Python
法国包包和行李箱销售网站:Bagage24.fr
2020/03/24 全球购物
函数只定义了一次, 调用了一次, 但编译器提示非法重定义了-什么问题?
2014/10/03 面试题
总经理助理的八要求
2013/11/12 职场文书
配件采购员岗位职责
2013/12/03 职场文书
党员批评与自我批评
2014/02/12 职场文书
质量月活动策划方案
2014/03/10 职场文书
争先创优活动总结
2014/08/27 职场文书
2014院党委领导班子及其成员群众路线对照检查材料思想汇报
2014/10/04 职场文书
先进事迹材料范文
2014/12/29 职场文书
学校三八妇女节活动总结
2015/02/06 职场文书
七年级之家长会发言稿范文
2019/09/04 职场文书
QT连接MYSQL数据库的详细步骤
2021/07/07 MySQL
Python使用psutil库对系统数据进行采集监控的方法
2021/08/23 Python
JS前端监控采集用户行为的N种姿势
2022/07/23 Javascript