jQuery可以动态操作html元素,css效果。给我们带来了不少的方便。
$(selector).append(content)
append() 函数向所匹配的 HTML 元素内部追加内容。
$(selector).prepend(content)
prepend() 函数向所匹配的 HTML 元素内部预置(Prepend)内容。
$(selector).after(content)
after() 函数在所有匹配的元素之后插入 HTML 内容。
$(selector).before(content)
• $(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)
一:添加HTML
添加html的方法有三个,分别是。$(selector).append(content)
append() 函数向所匹配的 HTML 元素内部追加内容。
$(selector).prepend(content)
prepend() 函数向所匹配的 HTML 元素内部预置(Prepend)内容。
$(selector).after(content)
after() 函数在所有匹配的元素之后插入 HTML 内容。
$(selector).before(content)
before() 函数在所有匹配的元素之前插入 HTML 内容。
二:删除HTML
empty(); remove();
三:添加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
同上,赋值为空即可
删除class
removeClass();下面是常用的css操作方法
CSS 属性 | 描述 |
---|---|
$(selector).css(name,value) | 为匹配元素设置样式属性的值 |
$(selector).css({properties}) | 为匹配元素设置多个样式属性 |
$(selector).css(name) | 获得第一个匹配元素的样式属性值 |
$(selector).height(value) | 设置匹配元素的高度 |
$(selector).width(value) | 设置匹配元素的宽度 |