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 标签的方式
触发浏览器进行重排 从而去获取相应地址的文件进行播放
jQuery对象复制
// 浅层复制(只复制顶层的非 object 元素)
var newObject = jQuery.extend({}, oldObject);
// 深层复制(一层一层往下复制直到最底层)
var newObject = jQuery.extend(true, {}, oldObject);
判断对象是否为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
})
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"};
目前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
感谢您的支持,我会继续努力的!
支付宝扫一扫,即可进行扫码打赏哦
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