Jquery学习笔记

1.提交表单时，如果需要阅读协议，必须要阻止表单提交，阻止表单提交，可以这么做、

        $('a').click(function (e) {
          e.preventDefault();//阻止事件默认函数
          //prevent 阻止，阻挠、
        });

ps:html代码如下显示：

<a id="id" href="http://baidu.com/">百度一下</a>

2.html元素页面垂直居中设置

        jQuery.fn.center = function () {
              this.css("position","absolute");
              this.css("top", ( $(window).height() - this.height() ) / 2+$(window).scrollTop() + "px");
              this.css("left", ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + "px");
              return this;
         }
         
         $("#id").center();
        

3.Jquery 插件开发

　　a.类级别 拓展jquery类,jQuery.extend(object);　为jQuery类添加类方法，可以理解为添加静态方法。如：

　　

    $.extend({
        add:function(a,b){ return a+b;},
        minus:function(a,b){ return a-b;}    
    });
    
    var i = $.add(1,2);
    var j = $.minus(4,3);
    console.log(i);
    console.log(j);

　　

var obj1 = {
            apple:0,
            banan:{price:100,total:200}
        }
    var obj2 = {
            xxx:1,
            banan:{price:22,total:22}

        }
    $.extend(obj1,obj2);
    var xx = obj1.banan.price;
    console.log("xxxxx"+xx);

　　b.jQuery.fn.extend(object); 对jQuery.prototype进得扩展，就是为jQuery类添加“成员函数”。jQuery类的实例可以使用这个“成员函数”。我们要开发一个插件，做一个特殊的编辑框，当它被点击时，便alert 当前编辑框里的内容。可以这么做：

    $.fn.extend({
        alertWhileClick:function(){
            $(this).click(function(){
                alert($(this).val());
            });
        }
    });

        <input id="input" value="牛逼" type="text">
        <script>
            $("#input").alertWhileClick();
        </script>