jQuery库 在线

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 标签的方式

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

2610jQuery 实例

jQuery对象复制

// 浅层复制(只复制顶层的非 object 元素)

var newObject = jQuery.extend({}, oldObject);

// 深层复制(一层一层往下复制直到最底层)

var newObject = jQuery.extend(true, {}, oldObject);

2609jQuery 实例

判断对象是否为jquery对象

要使用jquery的方法 前提此对象必须是jquery对象

判断javascript的对象是什么类型 使用typeof

但是typeof只能判断出js的基础对象(string,boolean,number,object)

判断对象是否为jquery对象可以用 obj instanceof jQuery

var obj = $("div");if(obj instanceof jQuery){     alert("这是一个jQuery对象");}else{ alert("这是一个其它对象");}

$(".otherWeek").each(function(){

console.info(this instanceof jQuery);//false

console.info($(this) instanceof jQuery);//true

})

2555jQuery 教程

Jquery 1.9 以上版本 用 $.browser 方法

jquery 1.9 以上版本去掉了对 $.browser 的支持采用$.support 来判断浏览器类型

导致很多插件报错"Uncaught TypeError: Cannot read property 'msie' of undefined".

用jquery的继承机制 jquery 1.9.0 以上版本扩展使其支持 $.browser 方法 兼容之前组件

jQuery.extend({

browser: function(){

 var rwebkit = /(webkit)\/([\w.]+)/, ropera = /(opera)(?:.*version)?[ \/]([\w.]+)/,rmsie = /(msie) ([\w.]+)/,rmozilla = /(mozilla)(?:.*? rv:([\w.]+))?/,browser = {},

 ua = window.navigator.userAgent,browserMatch = uaMatch(ua);

 if (browserMatch.browser) {

  browser[browserMatch.browser] = true;

  browser.version = browserMatch.version;

 }

 return { browser: browser };

},

});

function uaMatch(ua) {

 ua = ua.toLowerCase();

 var match = rwebkit.exec(ua)|| ropera.exec(ua)|| rmsie.exec(ua)|| ua.indexOf("compatible") < 0 && rmozilla.exec(ua) || [];

 return {browser : match[1] || "",version : match[2] || "0"};

}

864jQuery 简介

目前jQuery有三个大版本:

1.x:兼容ie678,使用最为广泛的,官方只做BUG维护,功能不再新增。因此一般项目来说,使用1.x版本就可以了,最终版本:1.12.4 (2016年5月20日)

2.x:不兼容ie678,很少有人使用,官方只做BUG维护,功能不再新增。如果不考虑兼容低版本的浏览器可以使用2.x,最终版本:2.2.4 (2016年5月20日)

3.x:不兼容ie678,只支持最新的浏览器。除非特殊要求,一般不会使用3.x版本的,很多老的jQuery插件不支持这个版本。目前该版本是官方主要更新维护的版本最新版本: v3.4.1