mouseover:鼠标移入触发的事件
mouseleven:鼠标移出时触发的事件
animate():方法用于创建自定义动画
fidn():方法返回被选元素的后代元素
stop():停止所有在指定元素上正在运行的动画
hide():隐藏显示的元素
fadeIn():通过不透明度的变化来实现所有匹配元素的淡入效果,并在动画完成后可选地触发一个回调函数。
siblings():取得一个包含匹配的元素集合中每一个元素的所有唯一同辈元素的元素集合。可以用可选的表达式进行筛选。
$("#content>ul>li").mouseover(function(){
$(this).stop().animate({
width:224,
}).find(".big").stop().fadeIn().siblings().stop().hide();
$(this).siblings().stop().animate({
width:69,
}).find(".big").stop().hide().siblings().stop().fadeIn()
})
append():向每个匹配的元素内部追加内容。
这个操作与对指定的元素执行appendChild方法,将它们添加到文档中的情况类似。
$("#btn2").click(function(){
$("#content ul").append(li)
});
prepend():向每个匹配的元素内部前置内容。
这是向所有匹配元素内部的开始处插入内容的最佳方式。
$("#btn1").click(function(){
//在内部的前面添加元素
$("#content ul").prepend(li);
});
after():在每个匹配的元素之后插入内容。
$("#btn4").click(function(){
$("#content ul").after(li)
});
before():在每个匹配的元素之前插入内容。
$("#btn3").click(function(){
$("#content ul").before(li)
});