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
这篇文章主要介绍了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"); });