发布于 2016-08-29 22:54:16 | 74 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的jQuery示例，程序狗速度看过来！

jQuery javascript框架

jQuery是一个兼容多浏览器的javascript框架，核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布，吸引了来自世界各地的众多JavaScript高手加入，由Dave Methvin率领团队进行开发。

---

改变页面内容应该算是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); 
});