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个匿名函数,鼠标悬停进入,鼠标悬停离开