事件委托遇到困难交给自己的爸爸去处理 且不管你有多少个兄弟姐妹，大家都交由爸爸去统一解决问题 只需要一个处理程序即可

事件委托 就是把子元素的事件都委托给父元素（准确说应该是祖先元素）去处理

事件绑定

每个人的事都由自己去处理，兄弟姐妹之间互不干涉

也互不帮忙，新出生的弟弟妹妹也要自己去解决自己的问题

有多少个人就有多少个处理问题的过程和结果

事件绑定  是由每个元素自己去响应事件 各自为政

事件绑定简写形式

$(".div2 button").click(function () { $(".div1").scrollTop(0); })

$('.div2 button').bind('click', function () {}) //全方式

$('.div2 button').unbind('click', function () {})//解除绑定

//事件委托  三个参数的顺序 第一个是绑定事件 第二个是标签 第三个是方法

$('ul').on('click','li', function () {    alert(666);  });

$('button').click(function () {

    var $ele=$('<li></li>') , len=$('ul li').length;

    $ele.html((len+1)+111);

    $('ul').append($ele);

});//页面载入 第一种方法

$(document).ready(function () {//等整个document执行完成 执行代码

    $('ul li').html(5);

});//页面载入 第二种方法

$(function () {});

当CDN失效时使用本地的js文件

<script src="//cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>

<script>window.jQuery || document.write('<script src="/public/jquery/2.2.4/jquery.min.js"><\/script>')</script>

window是浏览器端的全部数据变量的引用

window.jQuery 就是浏览器中的全局变量里的jQuery

||运算符是“或”运算

比如 c = a || b

当且仅当 a和b同时为“假值”时，c才为false

当a时“真值”时，c为True,js引擎就不运算b的值。

那么window.jQuery || document....的结果就是，如果window.jQuery为“假值”，才会运行document

window.jQuery是“真值”，不运行后面的语句。

第一行引用CDN，当CDN失效时，第二行才起作用，使用本地的js文件

解决TypeError $(...).lazyload is not a function

<script type="text/javascript" src="http://www.facesoho.com/wp-includes/js/jquery/jquery.min.js"></script>

<script type="text/javascript" src="http://www.facesoho.com/wp-includes/js/jquery/jquery.lazyload.js"></script>

<script type="text/javascript">

    jQuery(document).ready(function ($) {

        $("img").lazyload({

            placeholder: "http://www.facesoho.com/wp-includes/images/loading03.gif",

            effect: "fadeIn"

        });

    });

</script>

var returnMessage=$("#returnMessage");

var emailReg = /^([a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)*|"((([ \t]*\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*(([ \t]*\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i;        

        var email =  $('input[name=email]');

        if(emailReg.test(email.val()) == false ) {

            returnMessage.removeClass().addClass("alert alert-danger").html("Email format error.").fadeIn();

            email.focus();

            return false;

        }

jquery取title keywords description值的正确方法

var    keywords = $(document).find("meta[name='keywords']").attr("content"),

description = $(document).find("meta[name='description']").attr("content");

经过测试 正确