繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > jQuery 处理网页内容的实现代码
- Javascript
- javascript 实现的类似hao123的多邮箱登录效果
- 不错的用resizeTo和moveTo两个函数实现窗口的“打乒乓球”效果
- 出现“不能执行已释放的Script代码”错误的原因及解决办法
- “不能执行已释放的Script代码”错误的原因及解决办法
- javascript入门·对象属性方法大总结
- javascript入门·动态的时钟,显示完整的一些方法,新年倒计时
- JavaScript 入门·JavaScript 具有全范围的运算符
- 用javascript实现代替marquee的滚动字幕效果代码
- [原创]仿google adsense颜色选择器代码，从中易广告联盟程序提取
- greenbrower用到的function.js代码集合
- javascript flash下fromCharCode和charCodeAt方法使用说明
- 内部的小页面，用层制作，随机变色
- javascript简写效果“神秘的眼睛”
- 用js写“算24”游戏的思路分析与实现代码
- [原创]js循环输出图片，不足的要补0
- json简单介绍
- javascript 获取网页参数系统
- [原创]js判断ie方法集锦（含正则）代码短小经典
- javascript SocialHistory 检查访问者是否访问过某站点
- [原创]js判断是否有中文的脚本_js判断中文方法集合
Javascript 中的 jQuery 处理网页内容的实现代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-02-27 浏览: 331 ::
收藏到网摘: n/a
改变页面内容应该算是Javascript最常用的功能，这包括更改已经存在的页面元素或者添加新的HTML元素。 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);
});
评论 (0) All
