jQuery学习笔记（1）

jQuery选择器

元素选择器 - 基于元素名选取元素 ；

#id 选择器 - 通过 HTML 元素的 id 属性选取指定的元素 ；

.class选择器 - 可以通过指定的 class 查找元素 ；

jQuery HTML

捕获

$(#id).text() - 获取文本内容；

$(#id).html() - 获取包括html标记的文本内容；

$(#id).val() - 获取表单返回的值；

$(#id).attr() - 获取目标属性值；

设置

$(#id).text("text") - 设置文本内容；

$(#id).html("html") - 设置包括html标记的文本内容；

$(#id).val("val") - 设置表单的值；

$(#id).attr("name":"val","name":"val") - 设置目标一个或多个属性值；

另外，以上方法也返回函数， 回调函数有两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数新值返回您希望使用的字符串。

添加

append() - 在被选元素的结尾插入内容；

prepend() - 在被选元素的开头插入内容；

after() - 在被选元素之后插入内容；

before() - 在被选元素之前插入内容；

删除

remove() - 删除被选元素（及其子元素）；

empty() - 从被选元素中删除子元素；

CSS类

addClass() - 向被选元素添加一个或多个类；

removeClass() - 从被选元素删除一个或多个类；

toggleClass() - 对被选元素进行添加/删除类的切换操作；

css() - 设置或返回样式属性；

CSS()

css("propertyname") - 返回指定的 CSS 属性的值 ;

css("propertyname","value") - 设置指定的 CSS 属性 ;

css({"propertyname":"value","propertyname":"value",...}) - 设置多个 CSS 属性 ;

尺寸

width() 方法设置或返回元素的宽度（不包括内边距、边框或外边距）；

height() 方法设置或返回元素的高度（不包括内边距、边框或外边距）；

innerWidth() 方法返回元素的宽度（包括内边距）；

innerHeight() 方法返回元素的高度（包括内边距）；

outerWidth() 方法返回元素的宽度（包括内边距和边框）；

outerHeight() 方法返回元素的高度（包括内边距和边框）；