jQuery offset()函数 和 scrollTop()函数】的更多相关文章

$(dom).offset() 方法返回或设置匹配元素相对于文档的偏移(位置).{left:100,top:100} $(dom).scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置. eg: 如果想让这段js被chrome和Firefox都支持的话,应该这样: $("html,body").animate({"scrollTop":top});…
scrollTop()函数用于设置或返回当前匹配元素相对于垂直滚动条顶部的偏移. 当一个元素的实际高度超过其显示区域的高度时,在一定的设置下,浏览器会为该元素显示相应的垂直滚动条.此时,scrollTop()返回的就是该元素在可见区域之上被隐藏部分的高度(单位:像素). 如果垂直滚动条在最上面(也就是可见区域之上没有被隐藏的内容),或者当前元素是不可垂直滚动的,那么scrollTop()将返回0. 该函数属于jQuery对象(实例),并且对可见的和隐藏的元素均有效. 语法 jQuery 1.2.…
jQuery是对js的封装,因为js有一些不方便的地方.所以,jQuery才会去对js进行封装. jQuery对于标签元素的获取 $('div')或$('li') <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>隔行换色</title> </head> <body> <ul&…
1.$.extend()使用 作用:扩展全局的函数 $.extend({ sayHellow:function(pram){ alert(pram+"hellow"); } }) 使用: $(function({ $.sayHellow(); })) jQuery.hellow = function() { alert('hellow '); }; jQuery.byebye = function(param) { alert(param + 'byebye '); }; 使用:jQu…
JQuery插件写法 JQuery插件又分为类扩展方法和对象扩展方法两种,类插件是定义在JQuery命令空间的全局函数,直接通过可调用,如可调用,如可调用,如.ajax():对象插件是扩展JQuery对象的函数,通过选择的具体对象调用,类似$(dom).html(). JQuery类扩展方法 直接给$增加方法 $.foo=function(){ console.log('foo'); } $.bar=function(){ console.log('bar'); } 或者给属性增加命名空间 $.…
上一篇写到了jQuery插件的3种类型,介绍了第一种类型的写法--封装jQuery对象的方法插件.这一篇要介绍第二种插件类型:封装全局函数的插件:这类插件就是在jQuery命名空间内部添加函数:这类插件就是普通的函数,没有什么特别的地方.既然普通+无特点...那这篇还要讲什么呢,忧思辗转呢. 那就先开始讲解第二类插件吧,记得上面讲过,所有的插件都放在下面的一段代码之内: ; (function ($) { //编写代码 })(jQuery); 封装全局函数的插件实现的通过$.extend();方…
本文实例讲述了jQuery中attr()与prop()函数用法.分享给大家供大家参考,具体如下: 一.jQuery的attr()方法 jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式. 1. attr(属性名) //获取属性的值(取得第一个匹配元素的属性值.通过这个方法可以方便地从第一个匹配元素中获取一个属性的值.如果元素没有相应属性,则返回 undefined ) 2.…
1.jquery操作iframe中的元素(2种方式) ? 1 2 var tha = $(window.frames["core_content"].document).find("#trewuuu").html(); var thb = $("#core_content").contents().find("#trewuuu").html(); 2.操作父界面中的元素(header:为某个元素的id) ? 1 $('#hea…
原文地址:http://www.jb51.net/article/67056.htm 本文实例讲述了jQuery插件制作之全局函数用法.分享给大家供大家参考.具体分析如下: 1.添加新的全局函数 所谓的全局函数,实际上就是jQuery对象的方法,但从实践的角度上看,他们是位于jQuery命名空间内部的函数 (1)添加一个函数,只需要将新函数指定为jQuery对象的一个属性. jQuery.five =function(){ alert("直接继承方式不一样"); } 调用: $.fiv…
JQuery中bind和unbind函数转载:   https://blog.csdn.net/liucheng417/article/details/51131982 页面代码: <body> <input type="button" name="aaa" value="点击我"> <input type="checkbox" name="checkbox1"><…