jq第三天

1.单个事件注册
$（“ div”）.click( function () {
$(this).css(“font-size”);
})
$（“ div”）.mouseover( function () {
$(this).css(“backgroundColor”);
})
2.事件处理on（）绑定程序

$(function() {
// 1.点击发布按钮， 动态创建一个小li，放入文本框的内容和删除按钮， 并且添加到ul 中
$(".btn").on(“click”,function() {
var li = $("<li></li>");li.html($(".txt").val() + " 删除" );
if ($(".txt").val() == “”) {
return false;
} else {
$(“ul”).prepend(li);
li.slideDown();
$(".txt").val("");
}

         })

        // 2.点击的删除按钮，可以删除当前的微博留言li
       $("ul").on("click","a", function() {
           $(this).parent().slideUp(function () {
                $(this).remove();
           });
       })

    })

实例 ：
$(function() {

        // 1.点击发布按钮， 动态创建一个小li，放入文本框的内容和删除按钮， 并且添加到ul 中
         $(".btn").on("click",function() {
            var li = $("<li></li>");
            li.html($(".txt").val() + "<a href= 'javascript:;'> 删除</a>" );  
            if ($(".txt").val() == "") {
                return false;
            } else {
                $("ul").prepend(li);
            li.slideDown();
            $(".txt").val("");
            }
            
         })



        // 2.点击的删除按钮，可以删除当前的微博留言li
       $("ul").on("click","a", function() {
           $(this).parent().slideUp(function () {
                $(this).remove();
           });
       })

    })

事件解绑 off

$(“div”).on({
click: function() {
console.log(“我点击了”);
},
mouseover: function() {
console.log(‘我鼠标经过了’);
}
});
$(“ul”).on(“click”, “li”, function() {
alert(11);
});

// $(“div”).off(); // 这个是解除了div身上的所有事件
$(“div”).off(“click”); // 这个是解除了div身上的点击事件
$(“ul”).off(“click”, “li”); //这个是解除on
// 2. one() 但是它只能触发事件一次
$(“p”).one(“click”, function() {
alert(11);

$(function() {
$(“div”).on(“click”, function() {
alert(11);
});

        // 自动触发事件
        // 1. 元素.事件()
        // $("div").click();会触发元素的默认行为
        // 2. 元素.trigger("事件")
        // $("div").trigger("click");会触发元素的默认行为
        $("input").trigger("focus");
        // 3. 元素.triggerHandler("事件") 就是不会触发元素的默认行为
        $("div").triggerHandler("click");
        $("input").on("focus", function() {
            $(this).val("你好吗");
        });
        // $("input").triggerHandler("focus");

    });

1.jq对象拷贝 $.extend()

// 1. 浅拷贝把原来对象里面的复杂数据类型地址拷贝给目标对象
2. 深拷贝把里面的数据完全复制一份给目标对象 如果里面有不冲突的属性,会合并到一起

2. 获取距离带有定位父级位置（偏移） position 如果没有带有定位的父级，则以文档为准 ， position只能获取不能设置偏移。

scrollTop(数值)，可以设置。可以用于返回某个位置，。
$(".back").click(function() {
// $(document).scrollTop(0);
$(“body, html”).stop().animate({
scrollTop: 0
});
// $(document).stop().animate({
// scrollTop: 0
// }); 不能是文档而是 html和body元素做动画
})