$(document).ready(function() {
timeout = setTimeout(function() {
showMess(“succeed”)
}, 2000);
});
function showMess(m) {
alert(m);
}
1.jQuery 倒计时
$(document).ready(function () {
var count = 10;
countdown = setInterval(function () {
$(“p.countdown”).html(count + ” 秒后将跳转！”);
if (count == 0) {
clearInterval(countdown)
window.location = ‘http://google.com’;
}
count–;
}, 1000);
});
2.jQuery 判断浏览器类型及版本号
jQuery 判断浏览器类型及版本号非常简单，可以直接使用 $.browser 方法进行判断。但我自己试验时发现在判断 Chrome 浏览器时，返回的是 Safari，在网上找了下，于是有了下边的代码：
var browserName = navigator.userAgent.toLowerCase();
mybrowser = {
version: (browserName.match(/.+(?:rv|it|ra|ie)[/: ]([d.]+)/) || [0, ‘0’])[1],
safari: /webkit/i.test(browserName) && !this.chrome,
opera: /opera/i.test(browserName),
firefox: /firefox/i.test(browserName),
msie: /msie/i.test(browserName) && !/opera/.test(browserName),
mozilla: /mozilla/i.test(browserName) && !/(compatible|webkit)/.test(browserName) && !this.chrome,
chrome: /chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName)
}
$(document).ready(function () {
if (mybrowser.msie) {
alert(“浏览器为：Internet Explorer 版本号为：” + $.browser.version);
}
else if (mybrowser.mozilla) {
alert(“浏览器为：Firefox 版本号为：” + $.browser.version);
}
else if (mybrowser.opera) {
alert(“浏览器为：Opera 版本号为：” + $.browser.version);
}
else if (mybrowser.safari) {
alert(“浏览器为：Safari 版本号为：” + $.browser.version);
}
else if (mybrowser.chrome) {
alert(“浏览器为：Chrome 版本号为：” + mybrowser.version);
}
else {
alert(“神马”);
}
});
3.jQuery 元素居中显示
关于元素居中你可以先参考下css实现对象完全居中，了解下其中的原理，之后再看下边使用jQuery 实现元素居中就比较简单了。
//写成了插件形式
(function ($) {
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;
}
})(jQuery);
$(document).ready(function () {
//调用
$(“#somediv”).center();
});
4.jQuery 判断图像是否被完全加载进来
$(“#demoImg”).attr(“src”, “demo.jpg”).load(function() {
