jQuery中的效果函数方法整尺寸及位置的取和设

1、offset();

获取位置值:

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

设置位置值:

$(selector).offset({top:100;left:100});

2、height();

获取元素的高度值:

$("selector").height();

设置元素的高度值:

$("selector").height(20);

3.width();

获取元素当前计算的宽度值:(不包括补白、边框和边距)

$("selector").width();

设置元素当前计算的宽度值:

$("selector").width(20);

4.innerHeight():

获取元素高度值:(包括补白、不边框和边距)

$("selector").innerHeight();

设置元素高度值:

$("selector").innerHeight(20);

5.innerWidth():

获取元素宽度值:(包括补白、不包括边框和边距)

$("selector").innerWidth();

设置元素高度值:

$("selector").innerWidth(20);

6.outerHeight(true):

获取元素高度值:(包括补白、边框;参数为true时,边距计算在内)

$("selector").outerHeight();

7.outerWidth([options]):

设置元素高度值:(包括补白、边框;参数为true时,边距计算在内)

$("selector").outerWidth();

$(window).height(); //浏览器当前窗口可视区域高度
 $(document).height(); //浏览器当前窗口文档的高度 (个人认为是可视窗口的高度+滚动条高度)
 $(document.body).height();//浏览器当前窗口文档body的高度
 $(document.body).outerHeight(true);//浏览器当前窗口文档body的总高度 包括border padding margin;设置为true时,边距计算在内;默认为false;
 $(window).width(); //浏览器当前窗口可视区域宽度
 $(document).width();//浏览器当前窗口文档对象宽度
 $(document.body).width();//浏览器当前窗口文档body的高度
 $(document.body).outerWidth(true);//浏览器当前窗口文档body的总宽度 包括border padding margin;

时间: 2024-07-30 10:11:07

jQuery中的效果函数方法整尺寸及位置的取和设的相关文章

jquery中动画效果的函数

在jquery中有很多的动画效果,我给大家分享了一下jquery中的动画函数 jQuery的效果函数列表: animate():对被选元素应用“自定义”的动画. clearQueue():对被选元素移除所有排队的函数(仍未运行的). delay():对被选元素的所有排队函数(仍未运行)设置延迟. dequeue():运行被选元素的下一个排队函数. fadeln():逐渐改变被选元素的不透明度,从隐藏到可见. fadeOut():逐渐改变被元素的不透明度,从可见到隐藏. fadeTo():把被选元

jquery中html 与 text方法的区别

jquery中html 与 text方法的区别 24 May 2012/in 网站设计和开发 /by Bruce 接鉵jquery的时间并不长,以前都是用直接用js写的,现在发现在jquery这个框架用起来很方便,不但代码量少了,使用也比较简单,对于浏览器的兼容问题也不用担心,在使用的过程中也会遇到一些疑问,在html标签中附加子标签时所用的方法html()与text()的区别. 通常在用jquery写ajax时,都会用到html()这个方法,而不用text()这个方法,他们之间有什么区别呢?

jQuery 中get 和post 方法传值注意事项

用 jQuery 的都知道,jQuery 的 get 和 post 方法有三个参数:地址,数据 和回调函数,但我们知道地址也可以跟随数据的(形如:get_data.php?v1=1&v2=2),而且第二个参数可以省略,即第二个参数可 以直接写回调函数,那么数据写在地址后面和写在 data 参数里有什么区别呢? 刚刚做了几个实验,看看下面的代码就清楚了:以下内容需要回复才能看到 jquery_data.php echo "post: ";print_r($_POST);echo

JQuery中each()的使用方法说明

对于jQuery对象,只是把each方法简单的进行了委托:把jQuery对象作为第一个参数传递给jQuery的each方法.换句话说:jQuery提供的each方法是对参数一提供的对象的中所有的子元素逐一进行方法调用 each(callback) 以每一个匹配的元素作为上下文来执行一个函数. 意味着,每次执行传递进来的函数时,函数中的this关键字都指向一个不同的DOM元素(每次都是一个不同的匹配元素).而且,在每次执行函数时,都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的

jquery中的each函数和map函数的区别

jquery中的each函数和map函数的用法看起来差不多,但其实还是有一点区别的. 其中一个重要的区别是,each返回的是原来的数组,并不会新创建一个数组.而map方法会返回一个新的数组.如果在没有必要的情况下使用map,则有可能造成内存浪费. 例如: var items = [1,2,3,4];  $.each(items, function() {  alert('this is ' + this);  });  var newItems = $.map(items, function(i

jQuery中处理事件冒泡的方法和取消后续内容的方法

一:事件冒泡的意思是:一个大的容器已经设置了事件,如果这个容器里还包容着一个小的容器也设置了自己的事件,那么因为小容器是在大容器里面的,触发小容器的事件同时也等于触发了大容器的事件,有时这并不是我们想要的结果,我们可以通过能力检测来阻止事件冒泡如: <script type="text/javascript">        $(function () {            $('#da').css('width', '700px').css('height', '30

jquery中的 $(function(){ .. }) 函数

2017-04-29 在讲解jquery中的 $(function(){ .. }) 函数之前,我们先简单了解下匿名函数.匿名函数的形式为:(function(){ ... }),又如 function(arg){ ... };定义了 一个参数为 arg 的匿名函数,然后使用 (function(arg){ ... })(param) 来调用这个函数,其中 param 是传入这个匿名函数的参数. 但需要主要匿名函数与jquery中的 $(function(){ ...}) 函数的区别:$(fun

jQuery中的事件绑定方法

在jQuery中,事件绑定方法大致有四种:bind(),live(), delegate(),和on(). 那么在工作中应该如何选择呢?首先要了解四种方法的区别和各自的特点. 在了解这些之前,首先要知道,不管你用的是(live/ bind / delegate)之中那个方法,最终都是jQuery底层都是调用on方法来完成最终的事件绑定;.unbind(), .die(), .undelegate(),也是一样的都是通过.off()来实现的; 因此从某种角度来讲除了在书写的方便程度及习惯上挑选,不

关于jQuery中的submit()函数

关于jQuery中的submit()函数(绑定event handler or 触发event?) 今天在敲代码的时候无意间碰到了一个比较绕的问题(一个小师弟问的问题),思前想后都不明白,上午百度.谷歌了半天,再加上读了下英文api才算明白开来.现在记下来,给大家做个提醒.废话不多说,代码如下: 1 $('#myFormId').submit(function() { 2 // submit the form 3 $(this).ajaxSubmit(); 4 // return false,这