手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery 处理网页内容的实现代码
jQuery 处理网页内容的实现代码
摘要:jQuery提供两种实现这种功能的方法–text()和html()。text()是对纯文本的处理;html()和text()相似,不同的是它...

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);

});

【jQuery 处理网页内容的实现代码】相关文章:

jQuery插件expander实现图片翻转特效

jQuery实现自动滚动到页面顶端的方法

jquery实现的判断倒计时是否结束代码

Js和JQuery获取鼠标指针坐标的实现代码分享

JQuery给网页更换皮肤的方法

Ctrl+Enter提交内容信息

jQuery处理图片加载失败的常用方法

jQuery子窗体取得父窗体元素的方法

一些有关检查数据的JS代码

jQuery结合ajax实现动态加载文本内容

精品推荐
分类导航