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() 方法返回元素的高度(包括内边距和边框);

你可能感兴趣的:(jQuery学习笔记(1))