Jquery第八课操作元素

2015/01/13

戴维营教育原创文章，转载请注明出处。我们的梦想是做最好的iOS开发培训！

获取和改变元素

在选择元素后，jQuery提供了很多从元素里获取信息或者修改元素的方法。我们通过对下面的HTML进行操作来熟悉这些方法。

<div id="content">
    长沙戴维营教育
    <div>坐落在岳麓山脚下，面朝湘江！</div>
    岳麓山国家大学科技园
</div>

.html()，获取或设置元素的HTML内容。

var content = $("#content").html();
console.log(content);
//输出结果为:
//长沙戴维营教育
//<div>坐落在岳麓山脚下，面朝湘江！</div>
//岳麓山国家大学科技园
$("#content").html("长沙戴维营信息科技有限公司");

最终结果为：

<div id="content">
    长沙戴维营信息科技有限公司
</div>

.text()，获取和设置元素的文本内容，不包含HTML标签。

var content = $("#content").text();
console.log(content);
//输出结果为:
//长沙戴维营教育
//坐落在岳麓山脚下，面朝湘江！
//岳麓山国家大学科技园
$("#content").text("长沙戴维营信息科技有限公司");

.attr（），获取和设置元素的属性，可同时设置多个属性（使用JSON），在上一篇文章中已经介绍了。
.width()和.height()获取和设置元素的宽高，单位为像素。
.position获取元素相对于它的父元素的位置。
.val()获取和设置表单元素的值。

移动、复制和删除元素

jQuery不仅仅能获取和改变元素的信息，而且能够直接操作元素，往文档树中增加或删除元素节点。

本文档由长沙戴维营教育整理。

戴维营学院（高级开发视频）: http://v.diveinedu.com