Jquery学习--HTML和CSS操作

jQuery可以动态添加html元素，添加css效果。给我们带来了不少的方便。

一：添加HTML

添加html的方法有三个，分别是。
$(selector).append(content)
append() 函数向所匹配的 HTML 元素内部追加内容。
$(selector).prepend(content)
prepend() 函数向所匹配的 HTML 元素内部预置（Prepend）内容。
$(selector).after(content)
after() 函数在所有匹配的元素之后插入 HTML 内容。
$(selector).before(content)
before() 函数在所有匹配的元素之前插入 HTML 内容。

二：添加CSS

jQuery 拥有三种用于 CSS 操作的重要函数：
• $(selector).css(name,value)
函数 css(name,value) 为所有匹配元素的给定 CSS 属性设置值：
• $(selector).css({properties})
函数 css({properties}) 同时为所有匹配元素的一系列 CSS 属性设置值：
• $(selector).css(name)
函数 css(name) 返回指定的 CSS 属性的值：
jQuery 拥有两种用于尺寸操作的重要函数：
• $(selector).height(value)
设置元素高度
• $(selector).width(value)
设置元素宽度

下面是常用的css操作方法

CSS 属性	描述
$(selector).css(name,value)	为匹配元素设置样式属性的值
$(selector).css({properties})	为匹配元素设置多个样式属性
$(selector).css(name)	获得第一个匹配元素的样式属性值
$(selector).height(value)	设置匹配元素的高度
$(selector).width(value)	设置匹配元素的宽度