jquery 操作样式，属性，动画，节点 （总结）

jquery操作样式：

css操作

1.设置单个样式

$("#one").css("background","red")

2.设置多个样式

$("#one").css({

                      "background":"red",

                      "font-size":"16px"

})

3.获取样式

console.log($("#one").css("backgroud"))

class操作

addClass(name)添加类

removeClass(name)移出类

hasClass(name)判断类

toggleClass(name)切换类

jquery操作属性：

1.attr属性

设置单个属性

$("#one").attr("title","hhahah")

设置多个属性

$("#one").attr({

"title":"hhahah",

"alt":"hhh "

})

获取属性

$("#one").text(title)

 

2.prop属性

对于布尔类型的属性，disabled checked selected只能用prop

jquery动画：

1.三组基本动画

show / hide  slideUp/slideDown/slideToggle  fadeIn/fadeOut/fadeToggle

2.自定义动画

animate(prop, [speed], [swing / linear], [callback])

3.停止动画

stop()

jquery节点操作

1.创建节点 $("<span></span>")

2.添加节点 append appendTo proappend preappendTo before after

3.删除节点remove

4.克隆节点clone

5.清空内容empty 

注：

1.$("div").empty() 不仅会清除内容，还会清除事件.

2.$("#one").html("")也会清除内容，但是如果有事件，无法清除，会发生内存泄露

3.remove清除是自己，empty清除孩子

4.clone中有两个值 true false，jquery中不支持浅复制，都是深复制，取值为true时，会复制事件，取值为false时，不会复制事件