Jquey 常用API

-------------设置属性----------------
//设置节点属性
$("div").attr("style", "background-color:red")

//设置多个节点属性(js对象格式)
$("div").attr({name:"name",password:"passwword"})

//设置节点style，是对attr的细化
$("div").css("background-color", "black")

//添加class属性和值（class="wearesb"）,是设置属性的简写版
$("div").addClass("wearesb")

//移除属性
$("div").removeAttr("style")

//得到设置value属性（是设置属性的简写版）
$("div").val()

//得到子孙的文本
console.info($("div").text())

//得到内部html
console.info($("div").html())

//获得元素的位置
p=$("a").position()
console.info(p.top,p.left)

//设置高度
$("div").height(200)

---------节点操作-----------
//添加节点在“body”中
$("<div>haha</div>").appendTo("body")

//替代
//  $("div").replaceWith("<a>11</a>")

//清空内容
$("a").empty()

//删除自己
$("a").remove()

//复制自己（包含内部html）
$("div").clone().appendTo("body")

--------遍历----------
$("div").each(function(){
    $(this).text(arguments[0])
})
//children()
//siblings()

------动画-------
//hover
$("div").hover(function() {
    $(this).css("background-color", "aquamarine")
}, function() {
    $(this).css("background-color", "cadetblue")
})

//隐藏
$("div").click(function() {
    $(this).toggle("slow")
})

//元素需要先display：none
$("div").slideDown("slow")


//切换显示
function ha() {
    //执行过程中 不会阻塞下面的操作
    $("div").slideToggle("slow")
    console.info("1")
}
//颜色渐变透明
function ha() {
    $("div").fadeTo("slow", "0.1")
}
//切换
function ha() {
    $("div").fadeToggle("slow")
}

//自定义动画
function ha() {
    $("input").animate({
        width: 140
    }, "slow")
}