alert($(window).height()); //浏览器当前窗口可视区域高度
alert($(document).height()); //浏览器当前窗口文档的高度
alert($(document.body).height());//浏览器当前窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
alert($(window).width()); //浏览器当前窗口可视区域宽度
alert($(document).width());//浏览器当前窗口文档对象宽度
alert($(document.body).width());//浏览器当前窗口文档body的高度
alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin

Read More →

这篇文章主要介绍了jQuery判断checkbox是否选中的3种方法,本文中的方法使用ID选择器实现,比网上其它的一些长篇大论的文章更加简练,需要的朋友可以参考下

网上大多数文章都提供的方法都是无效的,害死个人,本文中的方法小编亲测试有效,建议使用方法二:

方法一:
if ($(“#checkbox-id”)get(0).checked) {
// do something
}

方法二:
if($(“#checkbox-id”).is(“:checked”)) {
// do something
}

方法三:
if ($(“#checkbox-id”).attr(“checked”)) {
// do something
}

window.onload = function(){
var ifr1 = document.createElement(‘iframe’);
ifr1.id = ‘ifr1’;
ifr1.name = ‘ifr1’;

// 注意,动态的创建的iframe中,iframe中的内容必须等到iframe加载完之后才能添加,所以需要表明iframe加载完成的函数,如下两个函数
// ifr1.onload    谷歌和火狐认识 ,
// ifr1.onreadystatechange    IE认识,但是IE会执行两次,分别是ifr1.readyState == ‘interactive’和ifr1.readyState == ‘complete’,所以要做一下判断.

if(window.navigator.userAgent.indexOf(‘IE’) == -1){           //非IE的浏览器
ifr1.onload = setIframe;
}else{
ifr1.onreadystatechange = function(){                    //IE浏览器
if(ifr1.readyState == ‘complete’){                       //判断状态
setIframe();
}
}
}

function setIframe(){
//  方法一:
//    var ifrDoc = window.frames[‘ifr1’].document;
//    var ifrBody = window.frames[‘ifr1’].document.body;

//  方法二:
var ifrDoc = ifr1.contentWindow.document;
var ifrBody = ifr1.contentWindow.document.body;

ifrBody.style.cssText = ‘border:1px splid #CCC; cursor:text;background:red; ‘;
var ifrDiv1 = ifrDoc.createElement(‘div’);        //注意是要在框架的document中创建div,而不是该页面的document中
ifrDiv1.innerHTML = ‘wocooo’;
ifrBody.appendChild(ifrDiv1);
}

document.body.appendChild(ifr1);        //放在最后
}

(function($){
$(document).ready(function(){
$(“#collectSuccessShow”).click(function(){
$(this).html(“Bitte warten…”).load(location.search + “&type=collectArticle&uid=” + $(“#uid”).val());
});
});
})(jQuery)

jquery如何为动态创建的节点绑定事件,看如下这个案例
$("#table").append("<a href='javascript:;' class='del'>删除</a>");
$(".del").click(function(){
   alert("获取到拉");
})
如上这段代码是不起作用的,如果希望以上这段代码能达到目的,写法如下:
$("#table").append("<a href='javascript:;' class='del'>删除</a>");
$(".del").live("click", function(){
	alert("获取到了"); 
});
以上都是jQuery1.7之前的版本,1.7之后live函数去掉了。
1.直接导入jquery-migrate:https://github.com/jquery/jquery-migrate/
,这样可以使用live,但不对性能做优化
2.$(document).delegate('a', 'click',function() { blah() });
3 你想不想试试on呢,on要先绑定父节点
$("body").on("click","a", function () { 
 $("#111").append("ok");
});