效果:
hide() 隐藏
hide(2000) ---2000为效果持续时长(毫秒)
show() 显示
fadeIn() 淡入
fadeOut() 淡出
slideUp() 向上收
slideDown() 向下展
animate() 通过CSS样式的渐变来创建动画效果
animate({marginLeft:-300},"slow","linear",function(){})
animate({marginLeft:"-300px"},1000,function(){})
参数styles:必填,可改变的CSS样式:backgroundPosition、borderWidth、borderBottomWidth、borderLeftWidth、borderRightWidth、borderTopWidth、borderSpacing、margin、marginBottom、marginLeft、marginRight、marginTop、outlineWidth、padding、paddingBottom、paddingLeft、paddingRight、paddingTop、height、width、maxHeight、maxWidth、minHeight、minWidth、font、fontSize、bottom、left、right、top、letterSpacing、wordSpacing、lineHeight、textIndent
参数speed:可选,动画的速度:"normal"(默认)、"slow"、"fast"、毫秒数(1000)
参数easing:可选,设置在动画的不同点中元素的速度:"swing"(开头结尾移动慢,中间移动快)、"linear"(匀速移动)
参数callback:可选,动画完成后要执行的函数
事件:
bind("事件类型1 事件类型2",fn) 绑定一个或多个事件
on("事件类型1 事件类型2",fn) 绑定一个或多个事件
click(fn) 点击
mouseover(fn) 鼠标经过
mouseout(fn) 鼠标离开
hover(fn, fn) 鼠标经过离开切换
toggle(fn, fn) 点击切换
语法:
<script>
$(function(){
$("谁").干什么;
});
</script>
<script>
$(function(){
$(".aBtn").click(function(){
$(".box").hide(1000);
});
});
</script>
index方法:index($(this))可以由代码帮你找当前对象的顺序号
var n=$("div").index($(this));
$("div a").eq(0).hide(); eq()---指定第几个
children("") 子级
parent("") 父级
siblings("") 同辈
next("") 下一个
prev("") 上一个
控制标签值
var value=$("").val();
控制标签的CSS修饰
$("div a,div p").css("color","red");
$("div a").addClass("currentA"); 此处的选择器名是无需加“.”的
$("div a").removeClass("currentA"); 此处的选择器名是无需加“.”的
控制标签属性
$("#img01").attr("src","./images/01.png");
$("#checked").prop("checked",true);