<input type="text" value="aaa" />
<input type="text" value="bbb" />
<input type="text" value="ccc" />
val():value 获取/设置表单元素的值 JQ取值取值只能取第一个符合条件元素的值 ; JQ赋值操作会对所有获取到的元素进行赋值
size():输出,获取网页元素的个数 $("input").size() $("input").length
each(function(index, item)):循环,index为索引,item为获取的 元素dom对象
$("input").each(function(index, item) {
item.innerHtml = index
$(item).val(index)
})
hover(funcOver, funcOut):
$(function() {
$("#div1").hover(function(){
$(this).html("移入")
}, fucntion(){
$(this).html("移出")
})
})
hide(time, fuc):隐藏
第一个参数:动画持续的毫秒数
第二个参数:回调函数,动画结束的时候执行
show(time, func):显示
[注] 动画效果是,从左上角收起和左上角展开
slideDown():
slideUp():
fadeIn():
fadeout():
fadeTo(time, opacity, func):动画持续时间, 透明度0~1,回调函数
animate(属性对象, 时间, "linear",回调函数):$("#div1").animate({width:100, height:100, opacity: 0.5}, 400, function() {
$("#div1").html("移入")
})
其中:默认运动形式是 慢快慢
匀速: linear
快慢快:swing
更多运动形式:jquery-ui
delay(time): 延迟执行 animate().delay(4000)
stop():
$("#div1").stop() 停止第一个动画,但是后续动画整常进行
$("#div1").stop(true) 停止所有动画
$("#div1").stop(true, true) 停止所有动画,并且将当前正在进行的动画,直接打到目的值
$("#div1").finish() 停止所有动画,并且将所有动画都到达目的值
小技巧:
可以在每次调用animate之前先去调用一次stop关闭上一次定时器
$(this).stop(true).animate()