1,jQuery DOM操作,设置或获得内容: 设置,在()内填入内容即可,有回调函数;
- text() - 设置或返回所选元素的文本内容
- html() - 设置或返回所选元素的内容(包括 HTML 标记)
- val() - 设置或返回表单字段的值
2,jQuery DOM操作,设置或获得属性: 设置,在()内填入内容即可,有回调函数;
- attr() - 设置或返回表单字段的值
3,jQuery DOM操作,添加元素:
- append() - 在被选元素的结尾插入内容
- prepend() - 在被选元素的开头插入内容
- after() - 在被选元素之后插入内容
- before() - 在被选元素之前插入内容
注:append/prepend 是在选择元素内部嵌入。after/before 是在元素外面追加。
4,jQuery DOM操作,删除元素:
- remove() - 删除被选元素(及其子元素) 参数可以填入选择器,过滤被删除的元素
- empty() - 从被选元素中删除子元素
5,jQuery DOM操作,获取并设置CSS:
- addClass() - 向被选元素添加一个或多个类
- removeClass() - 从被选元素删除一个或多个类
- toggleClass() - 对被选元素进行添加/删除类的切换操作
- css() - 设置或返回样式属性
- CSS设置:css({"propertyname":"value","propertyname":"value",...}),可以多个值;
- CSS获取:css("propertyname"); 通过属性名获取即可
6,jQuery DOM操作,尺寸操作:
- width():设置或返回元素的宽度(不包括内边距、边框或外边距)
- height():设置或返回元素的高度(不包括内边距、边框或外边距)
- innerWidth():返回元素的宽度(包括内边距)
- innerHeight():返回元素的高度(包括内边距)
- outerWidth():返回元素的宽度(包括内边距和边框)
- outerHeight():返回元素的高度(包括内边距和边框)