使用jquery中height()方法获取各种高度大全_jquery

复制代码 代码如下:

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

时间: 2024-11-10 01:19:19

使用jquery中height()方法获取各种高度大全_jquery的相关文章

使用jquery中height()方法获取各种高度大全

 这篇文章主要介绍了使用jquery中height()方法获取各种高度大全,比如浏览器高度.可视窗口高度.文档高度等,需要的朋友可以参考下    代码如下: alert($(window).height()); //浏览器当前窗口可视区域高度   alert($(document).height()); //浏览器当前窗口文档的高度   alert($(document.body).height());//浏览器当前窗口文档body的高度   alert($(document.body).out

jQuery中height()方法用法实例_jquery

本文实例讲述了jQuery中height()方法用法.分享给大家供大家参考.具体分析如下: 此方法可以获取或者设置匹配元素的高度值,默认单位是px. 语法结构一: 复制代码 代码如下: $(selector).height() 不带参数的时候是返回第一个匹配元素的当前高度.实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name=

jQuery中delegate()方法的用法详解_jquery

delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数.下面我们具体来了解一下. 语法结构: 代码如下: $(selector).delegate(childofselector,type,data,function) 参数说明: childSelector 必需.规定要附加事件处理程序的一个或多个子元素. event 必需.规定附加到元素的一个或多个事件. 由空格分隔多个事件值.必须是有效的事件. data 可选.规定传递到函

jQuery中.live()方法的用法深入解析_jquery

给jquery动态生成的页面元素添加事件?使用livequery插件,或可以使用jquery的live方法.摘录一段live简单使用方法. 更多详情还见官网 http://api.jquery.com/live/ live(type, [data],fn) 概述 jQuery给所有匹配的元素附加一个事件处理函数,即使这个元素是以后再添加进来的也有效. 这个方法是基本是的 .bind() 方法的一个变体.使用 .bind()时,选择器匹配的元素会附加一个事件处理函数,而以后再添加的元素则不会有.为

jquery中使用ajax获取远程页面信息_jquery

效果图如下: 先贴前台代码:其中关键代码是 通过span标记的data(自定义属性)绑定Id 复制代码 代码如下: <asp:GridView ID="GvCollect" runat="server" AutoGenerateColumns="False" DataKeyNames="Id" onrowdeleting="GvCollect_RowDeleting" EnableModelValid

jQuery中live方法的重复绑定说明_jquery

解决:使用die()方法,在live()方法绑定前,将此元素上的前面被绑定的事件统统解除,然后再通过live()方法绑定新的事件. 复制代码 代码如下: //先通过die()方法解除,再通过live()绑定 $("#selectAll").die().live("click",function(){ //事件运行代码 }); die()方法简介: 复制代码 代码如下: die([type], [fn])<SPAN style="WHITE-SPACE

jQuery中on()方法用法实例详解_jquery

本文实例分析了jQuery on()方法的用法.分享给大家供大家参考.具体分析如下: 一.jQuery on()方法的使用:  on(events,[selector],[data],fn)   events:一个或多个用空格分隔的事件类型和可选的命名空间,如"click"或"keydown.myPlugin" . selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代.如果选择器为null或省略,当它到达选定的元素,事件总是触发. data:当一

jquery中each方法示例和常用选择器_jquery

<head> <title></title> <script src="jquery-1.4.2.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { //alert($("div").text()); //对数组元素使用匿名函数进行逐个处理.

jQuery中prop()方法用法实例_jquery

本文实例讲述了jQuery中prop()方法用法.分享给大家供大家参考.具体分析如下: 此方法可以获取或者设置匹配元素的属性值. 根据方法参数的不同,作用也有所不同. 语法结构一:当参数为属性名称时,此方法能够匹配元素集合中,第一个匹配元素指定属性名称的属性值. 复制代码 代码如下: $("selector").prop(name) 参数列表: 参数 描述 name 定义要获取其值的属性名称. 实例代码: 实例一: 复制代码 代码如下: <!DOCTYPE html> &l