jQuery基本 - 处理赏罚网页内容
发布时间：2018-08-23 05:07:17 所属栏目：业界 来源：站长网
导读：改变页面内容应该算是 Java script最常用的成果，这包罗变动已经存在的页面元素可能添加新的HTML元素。 jQuery 提供两种实现这种成果的要领 text()和html()。text()是对纯文本的处理赏罚；html()和text()相似，差异的是它还支持HTML代码。 //配置ID为b5_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); }); （编辑：湖南网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
