jquery获取三种高度

反复用到却一直记不住...

var a = $(window).height()              //设备的高度
var b = $(window).scrollTop()          //滚动的高度
var c = $(document).height()           //整个文档的高度

jquery获取三种高度

时间： 2024-11-10 02:54:22

jquery获取三种高度的相关文章

jquery获取几种高度

$(window).scrollTop:获取向上滑动了多少 $(document).height()理解为整个页面的高度比如一开始页面为890px,但是后来添加了一个500px的divname这个时候$(documen).height()的值应该是1390px. $(window).height()据说是浏览器可视窗口的高度按理说是不应该变化的,但是测试了几次发现和$(document).height()的值是一样的.所以我用javascript的一个方法来代替它 document.body.c

jQuery的三种bind/One/Live/On事件绑定使用方法

本篇文章介绍了,关于jQuery新的事件绑定机制on()的使用技巧.需要的朋友参考下今天浏览jQuery的deprecated列表,发现live()和die()在里面了,赶紧看了一下,发现从jQuery1.7开始,jQuery引入了全新的事件绑定机制,on()和off()两个函数统一处理事件绑定.因为在此之前有bind(), live(), delegate()等方法来处理事件绑定,jQuery从性能优化以及方式统一方面考虑决定推出新的函数来统一事件绑定方法并且替换掉以前的方法. on(eve

jquery获取文档高度和窗口高度

jquery获取文档高度和窗口高度,$(document).height().$(window).height() $(document).height():整个网页的文档高度 $(window).height():浏览器可视窗口的高度 $(window).scrollTop():浏览器可视窗口顶端距离网页顶端的高度(垂直偏移) 用一句话理解就是:当网页滚动条拉到最低端时,$(document).height() == $(window).height() + $(window).scrollT

jquery插件开发三种方法

1.好像之前看视频记录下来的,不记得了. 1 //类级别插件开发,主要是在jQuery中定义全局方法: 2 3 //第一种写法 4 jQuery.myFunc = function(str){ 5 alert("直接在jquery中定义方法",str) 6 } 7 //调用方式 $.myFunc("hello!"); 8 9 //第二种写法 10 jQuery.extend({ 11 myFunc:function(str){ 12 alert("exte

jquery获取文档高度

时至今日,网页早已不只在 pc 上运行了,还会在平板啊.手机啊.大型PC 上运行,那屏幕自适应就变得很重要,boostrap.css 自带的适应屏幕我们不谈,就光说说用代码来设置屏幕的自适应. 因为项目的页面中有些导航条啊,脚标啊,高度都是固定且不变的,所以获取然后重新设置高度变得简单,流程就是监听页面是否 size 发生变化,变化的话就调整该调整的布局,利用 jquery 获取当前页面的 width height 信息,然后计算出各个块所需要的数据,再进行设置.记录下监听以及获取屏幕宽高的方法

jquery带三种切换效果的焦点图插件-luara.js插件

1.简介 luara.js 焦点图插件,用于设置焦点幻灯片的插件,实例中列出了三种最常用的效果,渐隐.上滑.左滑,可以设置切换的时间间隔. 2.插件调用代码段 <script> $(function(){  $(".example1").luara({ width:"500", height:"334", interval:5000, selected:"seleted"

jquery获取文档高度和窗口高度汇总

jquery获取窗口高度和窗口高度,$(document).height().$(window).height() $(document).height():整个网页的文档高度 $(window).height():浏览器可视窗口的高度 $(window).scrollTop():浏览器可视窗口顶端距离网页顶端的高度(垂直偏移) $(document.body).height();//浏览器当前窗口文档body的高度 $(document.body).outerHeight(true);//浏览

jquery论三种动画停止的区别

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script type="text/javascript" src="../js/jquery-1.9.0.min.js" ></script> <script> $(document).ready(function(){ $(".start&qu

转载 jQuery的三种$()

$号是jQuery“类”的一个别称,$()构造了一个jQuery对象.所以,“$()”可以叫做jQuery的构造函数(个人观点,呵呵!). 1.$()可以是$(expresion),即css选择器.Xpath或html元素,也就是通过上述表达式来匹配目标元素. 比如:$("a")构造的这个对象,是用CSS选择器构建了一个jQuery对象——它选择了所有的<a/>这个标签.如: $("a").click(function(){...}) 就是在点击页面上的