译文：JavaScript框架比较（三）

在此之前，你已经看到JavaScript框架行使选择器和DOM遍历可以很轻易的得到特定的元素。可是，为了改变网页上特定元素的内容和外面，你必要操纵DOM并应用改变。行使纯粹的JavaScript将是一件沉重的事变，但荣幸的是，大大都JavaScript框架提供有效的函数，可以很轻易地做到这些。

假设你有一个ID为the-box的盒子。

<div id="the-box">Message goes here</div>
行使jQuery将其文本改变为“Message goes here”，可以很简朴的这样行使：

$('#the-box').html('This is the new message!');
究竟上，你可以在函数中行使HTML代码，它能被赏识器理会，譬喻：

$('#the-box').html('This is the <strong>new</strong> message!');
在本例中，DIV元素中的内容看起来像这样：

<div id="the-box">This is the <strong>new</strong> message!'</div>
虽然，在实例中你必要行使大于或小于等非凡字符，而不是指定非凡的HTML实体代码。你可以行使jQuery的text函数来取代：

$('#the-box').text('300 >200');
div元素更新儿女码如下：

<div id="the-box">300 > 200</div>
在上面的例子中，现有的内容被替代为新的内容。假如你

只想给文本附加一些信息该怎么办？荣幸的是，jQuery提供append函数到达此目标。

$('#the-box').append(', here goes message');
对原始的div作如上操纵后，div元素里的内容看起来是这样的：

<div id="the-box">Message goes here, here goes message</div>
除了追加，你可以在前面追加内容，将其插入到现存内容的前面而不是后头。另外，jQuery提供的函数可以在给定元素内插入内容，要么在前要么在后。尚有函数替代内容、清空内容、移除元素、克隆元素等等。

除了DOM操纵函数外，JavaScript框架凡是还包括几个函数操纵元素的样式和class。譬喻，你有一个表格，当鼠标颠末期高亮表现某行。你可以建设一个非凡的类名hover，你可以将该类动态的添加到某行。操作YUI你可以行使下面的代码判定该行是否拥有hover类名，有则免之，无则加之。

if(row.hasClass('hover')) row.removeClass('hover'); else row.addClass('hover');
同样，大大都JavaScript框架都拥有操纵CSS的内置函数。

转载地点：http://www.denisdeng.com/?p=712

原文地点：http://www.ibm.com/developerworks/web/library/wa-jsframeworks/index.html

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!