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())//得到内部htmlconsole.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")}