jQuery节点操作

添加元素

append()
作用：在被选元素内部的最后一个子元素（或内容）后面插入内容（页面中存在或者创建出来的元素都可以）

html创建元素

作用：设置或返回所选元素的html内容（包括 HTML 标记）
设置内容的时候，如果是html标记，会动态创建元素，此时作用跟js里面的 innerHTML属性相同
// 动态创建元素
$(selector).html("<span>传智播客</span>");
// 获取html内容
$(selector).html();

清空元素

$(selector).html("");

// "自杀" 把自己（包括所有内部元素）从文档中删除掉
$(selector).remove();

复制元素

$(selector).clone();

属性操作

置属性：
// 第一个参数表示：要设置的属性名称
// 第二个参数表示：改属性名称对应的值
$(selector).attr("title", "传智播客");
获取属性：
// 参数为：要获取的属性的名称，改操作会返回指定属性对应的值
$(selector).attr("title");
移除属性：
// 参数为：要移除的属性的名称
$(selector).removeAttr("title"); 
注意：checked、selected、disabled要使用 .prop() 方法。

值和内容

val()方法：
作用：设置或返回表单元素的值，例如：input,select,textarea的值
// 获取匹配元素的值，只匹配第一个元素
$(selector).val();
// 设置所有匹配到的元素的值
$(selector).val("具体值");

text() 方法:
作用：设置或获取匹配元素的文本内容
//获取操作不带参数（注意：这时候会把所有匹配到的元素内容拼接为一个字符串，不同于其他获取操作！）
$(selector).text();
//设置操作带参数，参数表示要设置的文本内容
$(selector).text("我是内容");

其他样式操作

$(selector).height()        设置或返回匹配元素的高度。// 数值类型
$(selector).width()         设置或返回匹配元素的宽度。
$(selector).css("height");  字符串类型

$(selector).offset()        返回第一个匹配元素相对于文档左上角的位置。left,top
$(selector).offsetParent()  返回最近的定位祖先元素。
$(selector).position()      返回第一个匹配元素相对于父元素的位置。
$(window).scrollLeft()      设置或返回匹配元素相对滚动条左侧的偏移。
$(window).scrollTop(0)      设置或返回匹配元素相对滚动条顶部的偏移。

$(selector).scroll(function() {}); 滚动事件