.netDOM操作--un

DOM操作
操作相关元素：
里：children(),find("选择器")
外：parent(),parents("选择器")
下：next(),nextAll(选择器)
上：prev(),prevAll("选择器")

附加：集合操作
first(),last(),eq(n)

元素的添加、复制、替换、移除
添加：append(元素对象),prepend(元素对象),after(元素对象)，before(元素对象)
复制：clone()
移除：
清空 empty() - 保留外围的元素，把子元素和内容全都清除掉。
移除 remove() - 把元素全都删除。
替换：

 

 

 

 

 

事件与动画
一、事件
1.在JavaScript语法中的事件，把onxxxxx中的on去掉，就是JQuery中的事件。
onclick - click
ondblclick - dblclick

onmouseover - mouseover
onmouseout - mouseout

onfocus - focus
onblur - blur

onchange - change

onkeydown - keydown
onkeyup - keyup
onkeypress - keypress

2.特有事件：
hover(function(){},function(){})：相当于把mouseover和mouseout结合起来了
toggle(function(){},function(){},...function(){})：每点击一下执行下一个function,如执行到末尾，会再返回第一个执行

3.JQuery中的事件，需要事件的小括号中写function(){}
$("#Button1").click(function(){
//事件处理代码
});

案例：
1.光棒效果：mouseover,mouseout
2.展开面板：click

二、动画
hide(),show()
fadeIn(),fadeOut()
slideUp(),slideDown()

slideUp([毫秒数],[回调函数])
slideUp(3000,function(){xxx();})

animate({left:"500px"},3000,function(){/*回调函数*/})
stop(bool,bool);
第一个参数：是否清空之前的动画序列。
第二个参数：直接走到最后的状态。