jquery常用api特效函数-02

<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()