jQuery

含义：js查询
es代表javascript的基本语法
write less do more

环境

引入jQuery函数库

$=window.jQuery=jQuery
$能当函数用，也能当对象用window.onload=function()｛｝用$（ function(){ } ）替换

$("[name='login']").click(function () {
         alert(this.value);
         $("<input type=\"password\" name=\"password\">").appendTo(".di");
           $(dom对象)可以转换jQuery对象
});

 var array=[1,3,2,8,6,4];
 $.each(array,function (index,iteam) {
        alert(index);
        alert(iteam);
 })

伪数组
var weiarray={};
weiarray[0]=1;
它没foreach


var attr = $(".di").attr(“name”);
alert(attr)
attr指的是属性，参数是属性名，如果两个参数，第二个是参数值
$(".di").removeAttr(“name”) //消除属性
jq.addClass/removeClass(" class的值 “)
jq.html(” String")
jq.val


var offsetLeft = $("[name=login]").offset();
alert(offsetLeft);
alert(offsetLeft.left);
alert(offsetLeft.top);
相对于页面的偏移量
相对于父元素的偏移量

 var position = $("[name=login]").position();
position.first()
  position.last()
  position.filter("[name][name！=ss]") //有name但是不等于ss
  position.eq(5) //选择第几个
  position.has("选择器")   //对position（含有指定元素）操作

这些返回的都是jQ对象

固有元素prop，比如checkbox等，自加元素用attr

$("[name=choseAll]").click(function () {
        $("#hobby input").prop("checked",true);
 $("[name=notChoseAll]").prop("checked",false);
});


$("[name=notChoseAll]").click(function () {
   $("#hobby input").prop("checked",false);
 $("[name=choseAll]").prop("checked",false);
  });

$("#hobby input").click(function () {
 $("[name=choseAll]").prop("checked",
 $("#hobby input").filter(":checked").length==4);
    $("[name=notChoseAll]").prop("checked",
    $("#hobby input").filter(":not(:checked)").length==4)
})

$("").replaceWith("<p>?</p>p>")       替换

$().remove()  //将节点一起删了
$().empty()  //保留$()中的元素只删除节点里面的内容

$("#hobby").mouseenter(function () {
alert(“进入”);
}).mouseleave(function () {
alert(“离开”);
});

$().hover(f1,f2);
function f1() {
}
function f2() {
}

解除事件绑定







fadeIn（时间）// 渐变出现
fadeOut（时间）//渐变消失

 $("#di").fadeToggle(2100,function () {
            alert("动画wanc");
        });

切换，上两个函数和这个都可以加回调函数，监听事件完成
$("#di").slideUp(1000);
$("#di").slideDown(1000);
这个向上渐变隐藏和向下渐变显示

      $("#di").animate({
            width:"100"
      },2000).animate(
          {
              height:"20"
          },1000);

 $("#di").stop();

动画效果执行，先将宽度降到100，再将高度
width="+=100"，可以如此设置，
stop直接停止动画，位置会卡在那里

否则动画执行会闪烁

accordion：手风琴
focus和blur