Jquery学习笔记——操作样式

操作类名称

类名称只在 <style>中定义的 .className 部分

AddClass（names）： names为字符串，包含要添加的类名称

removeClass(names)

toggleClass(name)；针对包装集中的每个元素判断是否包含类名称(以空格分开)，如果不包含则增加，否则删除类名称。

.toggleClass( className, switch ):
当不存在类名称时，根据switch的值判断是否添加

.toggleClass( function(index, class, switch), [switch] ) 函数返回要进行toggle的class名称

操作样式

Css(name,value) css(attribute) css(name)

Width() height() width(value) height(value) value为数值

HasClass（类名称）： 包装集中是否有类名称

设置元素内容

Html() html(text) text() text(content)

移动和复制元素

如果匹配一个元素进行移动操作，如果匹配多个元素则进行复制操作，可参考 chapter3/lab.move.and.copy.html

Append(conent): 参数为字符串，元素和包装集

appendTo(target): target为字符串和元素

prepend() prependTo() before() 和insertBefore() after()和 insertAfter()

包裹元素

Wrap: 对每个元素分别包裹 wrapAll 作为一个整体包裹 wrapAll 包裹匹配集元素的内容

unwrap去除元素的父标签，如

<div>
<p>Foo</p>
</div>
jQuery('p').unwrap();
//执行后结果
<p>Foo</p>

删除元素

Remove() 从页面删除包装集里所有元素

Empty（） 删除所有的子节点

可利用 after() 和 remove()实现替换操作：

$(‘’).after(‘<p>’).remove() ：则使用<p>替换包装集中的每个元素

克隆元素

Clone(copyHandler) : copyHandler为boolean型，表明是否拷贝事件处理程序