html09

1.Jquery的常用方法
1）选择器
2）操作节点
以下的 obj 都是指 jQuery对象
1.操作样式
obj.css() :不加参数是获取节点的css样式
obj.css({"属性":"值"}) : 适合修改多个样式
obj.css({"属性","值"}) : 适合修改单个样式

--这种方式样式会作为行内式添加，其权重会大于内部式，大于外部式

--通过obj.addClass("Classname") --追加样式
--obj.removeClass("className") --删除指定样式

建议：若css内容较多，预先定义css样式，然后通过js修改css属性

2.遍历节点
obj.children() - 找出所有的直接节点
如：children("li") -找所有的节点li
obj.children(selector) -根据选择器找子节点
obj.next() -找下一个兄弟节点
obj.prev() -找上一个兄弟节点
obj.sibling() -找所有的兄弟节点

obj.find(选择器) -找到符合条件后代元素
obj.parent() -找上一级元素（爸爸元素）
obj.parents() -找祖宗
obj.parents(选择器) -找符合条件的祖宗元素

3.JQ 事件
obj.bind("click"，function{}) -对象绑定方法
obj.click(函数) ：
将原生的事件去除on，就是jQuery事件
obj.click(function (e){
//此处的e代表事件对象 event

})
ps: 原生中window.onload=function(){}
可以让窗口执行完成dom之后再运行该函数
等同于$(function (){})
*节点可以添加事件
*事件有事件对象
*事件可以取消事件冒泡

a.合成事件
hover(mouseenter,mouseleave) 鼠标悬停事件，要传入2个匿名函数，鼠标悬停进入，鼠标悬停离开