JQuery监听页面滚动事件及scrollTop()，offset().top总结

语法： $(element). scrollTop() /$(element). scrollTop(val) ;

成都创新互联是一家专业提供永宁企业网站建设,专注与成都网站建设、做网站、HTML5建站、小程序制作等业务。10年已为永宁众多企业、政府机构等服务。创新互联专业网站制作公司优惠进行中。

eg： 当匹配元素为当前页面，那么当前滚动条到整个页面顶端的距离：

var winPos =$(window). scrollTop ();

$(element). offset().top ; $(element). offset().left ;

$( window ). scroll (function(event){

});

关于jquery 监控页面数据有无修改的问题

LZ。。你这方法好是好，不过挺费资源的。。 建议你这样做。。

1、监控对象还是跟你做的一样；

2、写入缓存的，不是所有监控对象现在的值，而是，当这个控件focus的时候取它的值，然后再blur的时候再取一次，相对比，如果变化了，缓存新值，如果没有，则不需要缓存，然后再你提交数据的时候，把缓存的值一并释放就可以了。

jquery，怎样监听整个页面的变化

方法一：在标签上加入  onLoad="" onResize=""  方法  写上对应的方法即可

方法二：window.onresize=function(){///.....} 在方法里面写上对应的代码即可

script  

function adjust(obj){  

var div = document.getElementById("pad");  

var txt = document.getElementById("txt");  

var w  = document.body.clientWidth;  

var h  = document.body.clientHeight;  

div.style.width = w/3;  

div.style.height = h/3;  

txt.style.width = w/6;  

txt.style.height = h/6;  

}  

window.onload=function(){  

window.onresize = adjust;  

adjust();  

}  

/script  

body style="margin:0px;height:0px;"  

div id="pad" style="background:red;zoom:1;margin:0px;height:0px;"  

input type="text" id="txt"  

/div  

/body

如何设置jquery监控单独li上的的事件

问题分析：

如存在多个li的情况下，只为其中一个或几个绑定事件，而其他的不受事件影响。方法有很多种，比较简单的办法就是为需要绑定事件的li标签添加class属性。

举例如下：

HTML代码：

ul

li字符串1/li

li字符串2/li

li class="name"字符串3/li

li字符串4/li

li字符串5/li

/ul

jQuery代码：

//绑定class属性包含name的标签。

$('.name').click(function(){

//输入当前标签的内容。

alert($(this).html());

});

页面初始化结果：

点击带有class属性的li（字符串3）的效果：

如何用jquery实现实时监控浏览器宽度？

你可以尝试以下代码：

window.onresize=resizeBannerImage;//当窗口改变宽度时执行此函数

function resizeBannerImage()

{

var winW = $(window).width();

va if( $(window).width()  600 ) {

/* 这里是要执行的代码 */

}

}

知识延展：

几个简单的jQuery使用方法

1.响应事件。在JavaScript中，经常会用到 onclick=“javascript函数”，但是这个方法将页面的设计与逻辑过于紧密的耦合在一起，并不漂亮，可以用jQuery，如下：

$("#check_un").click(function(event){

alert("hello");

event.preventDefault();

});1234

2.将id为title处的内容显示出来

var title = $("#title").html();

alert(title);12

3.得到与类关联的图像的src值

var title = $("#title").html();

alert(title);12

4.统计项目符号的个数

var count = $("li").size();

alert(count);12

5.循环处理符号项

$('li').each(function(){

alert($(this).html());

});123

6.修改页面元素用html()方法

$("#title").html("the awesomest book title ever");

文章题目：jquery监控,jquery监控窗口关闭
网站链接：http://kswjz.com/article/dsssdcd.html