复习JQ (3)

常用方法

remove()

on()  off()

scrollTop()

一、remove()

$("div").remove();  // 删除这个节点

二、on()  off()

on  绑定事件

$("div").on("click",function(){

    alert(1);

})

$("div").on("click mouseover",function(){

    alert(1);

})

这样写的好处 1.可以针对自定义事件 2.可以一次性绑定多个事件（用Json可以让不同事件触发不同的效果）

$("div").on({

    "click":function(){

        console.log(123);

    },  

    "mouseover":function(){

        console.log(345);

    },

})

off() 取消事件  也可以只阻止一个事件,将括号里写上要取消的事件

$("div").on("click",function(){

    alert(1);

    $("div").off();  //点过一次之后 再点击div不会alert 

})

$("div").on("click mouseover",function(){

    alert(1);

    $("div").off("mouseover");  //点击事件仍然存在 移入不会触发alert

})

三、scrollTop() 

获取滚动距离

$(document).scrollTop();  //获取滚动的距离

四、JQ中创建一个新的标签

$("<div>我是内容</div>").appendTo($("body"));