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型，表明是否拷贝事件处理程序