如何更改网站内容(申请免费试用、咨询电话：message框架使用和DOM)

　　如何更改网站内容(申请免费试用、咨询电话：message框架使用和DOM)

　　申请免费试用及咨询电话：

　　在此之前，您已经看到 javascript 框架可以使用选择器和 DOM 遍历轻松获取特定元素。但是，为了更改 travel 网站 模板上特定元素的内容和外观，您需要操作 DOM 并应用更改。使用纯 javascript 将是一项繁重的任务，但幸运的是，大多数 javascript 框架都提供了可以轻松完成的有用功能。

　　假设您有一个 ID 为 the-box 的框。

　　消息传到这里

　　使用 jQuery 将其文本更改为“消息在这里”，它可以非常简单地使用，如下所示：

　　$('#the-box').html('这是新消息！');

　　其实你可以在函数中使用HTML代码，它可以被浏览器解析，例如：

　　$('#the-box').html('这是新消息！');

　　在本例中，DIV 元素中的内容如下所示：

　　这是新消息！

　　当然，在示例中需要使用大于或小于等特殊字符，而不是指定特殊的 HTML 实体代码。您可以改用 jQuery 的 text 函数：

　　$('#the-box').text('300 >200');

　　div元素的更新代码如下：

　　300>200

　　在上面的示例中，现有内容被新内容替换。如果您只想在文本中附加一些信息怎么办？幸运的是，jQuery 为此提供了一个 append 函数。

　　$('#the-box').append(', 这里有消息');

　　对原来的div进行上述操作后，div元素中的内容是这样的：

　　留言在这里，留言在这里

　　除了追加之外，您还可以将内容追加到前面并将其插入到现有内容的前面而不是后面。此外，jQuery 提供的函数可以在给定元素之前或之后插入内容。还有替换内容、清空内容、删除元素、克隆元素等功能。