jquery dom and ajax
updated: 31 March 2013
DOM 操作方法
jQuery 中提供了大量的对 DOM 的操作方法,可以完成各种不同的功能,要适当的情况下选择不同的方法吧:
1. 在每个匹配的元素中插入新元素
* .append()
* .appendto()
* .prepend()
* .prependTo()
2. 在每个匹配的元素相邻的位置插入新元素
* .after()
* .insertAfter()
* .before()
* .insertBefore()
3. 在每个匹配的元素外部插入新元素
* .wrap()
4. 用新的元素或文本替换每个匹配的元素
* .html()
* .text()
5. 移除每个匹配元素中的元素
* .empty()
6. 从文档中移除每个匹配元素及其后代元素,但不实际删除它们
* .remove()
AJAX 数据格式
AJAX 支持多种数据格式,就目前的网络发展状态来看得话,JSON 和 XML 比较流行,而由于目前 Web Service 的兴起,使得 JSON 这种格式得到了广泛的应用,因为它比 XML 更加简洁。
虽然 JSON 比较简洁易懂,也可以使用 jQuery 的 eval() 函数来解释,但需要注意的是 JSON 数据需要小心的构建,如果数据内包含有一些无法识别的和特殊的字符来说, javascript 可能无法解释成功,会导致页面上不会显示任何的内容,以现在的浏览器来说也不会报错。
当然,要使用 AJAX 现在有很多第三方的库来简化使用,但这需要你使用的具体的开发环境来选择,而且,根据你应用的 AJAX 的多少来决定使用轻量级还是重量级的套件。当然,也可以使用一些前端的 javascript 的框架来增强应用的可交互性,比如使用 embar.js 。
总结
尽管 jQuery 的 AJAX 功能非常的强大,但我们仍然可以使用第三方插件来让它变得更加的容易操作。
blog comments powered by Disqus