jQuery库 在线

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

当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文件

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

解决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>

2693jQuery 验证电子邮箱格式的正确性不用插件

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;

        }

2681jquery取title keywords description值的正确方法

jquery取title keywords description值的正确方法

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

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

经过测试 正确

2673jquery动态设置 audio src

jquery动态设置 audio src ,jquery动态设置 video src

这么做浏览器才会去请求地址获得audio video文件

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

   var src = $(this).attr("src");      

   $("#video-box video").append("<source src=\""+ src +"\">");

   $("#video-box").show();

   $("#video-box video")[0].play()

});

推断出来的是 当 video 中存在 source 标签的时候

浏览器渲染之后会自动去获取地址 即便地址改变

浏览器也不会再去获取地址

但是通过动态的插入 source 标签的方式

触发浏览器进行重排 从而去获取相应地址的文件进行播放