jquery:关于$().css(left,)的设置;offset();offset().left();$.width();$.outerWidth();

1、css("left","")

问题：$().css("left",fLeft) 弹出取值为auto，无法设置。

改为：$("#lPhoto").css("left", fLeft).fadeIn(500); left起作用。

问题：$("img").width() 必须在<img>标签中先写了width的值才能取到。

问题： $(".imgsize:eq(i)" 循环的写法 $(".imgsize:eq(" + i + ")" //都是双引号。

问题：设置不了图片的地址

错误： $("#lPhoto").find("img").attr("src", "images/photo/" + toSrc-1 + ".jpg");

正确：toSrc = toSrc - 1; // toSrcn =parseInt(toSrcn)+1;

$("#lPhoto").find("img").attr("src", "images/photo/" + toSrc + ".jpg");

2、$().offset()

返回或设置匹配元素相对于文档的偏移位置。

两个属性：top,left

不同表示方法：

(1) $().offset().top, $().offset().left

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

(3) $().offset(function(n,c){

// n默认为选择器当前index位置，可选；c默认为选择器当前坐标，可选。即：此处写上c就是当前坐标，不用从外部写。

var newpos = new Object();

newpos.left = c.left+100;

newpos.top = c.top+100;

return newpos; // 返回新坐标

});

(4) $().offset(x.offset());

3、$.width();$.height();$.innerWidth();$.innerHeight();$.outerWidth();$.outerHeight()

eg:<div style="width:100px;height:100px;padding:10px 25px;border:1px solid #000"></div>

$.width() // 返回元素的宽度，不包括内边距、边框和外边距：100px

$.height() // 设置或返回元素的高度，不包括内边距、边框和外边距：100px

$.innerWidth() // 包括元素的宽度和内边距：150px

$.innerHeight() // 包括元素的高度和内边距：120px

$.outerWidth() // 包括元素的宽度、边框和内边距：152px

$.outerHeight() // 包括元素的高度、边框和内边距：122px

获取元素本身到定位元素的距离：$.offset().top+($.outerWidth()-$.width())/2

jquery:关于$().css(left,)的设置;offset();offset().left();$.width();$.outerWidth();相关推荐

JQuery中.css()与.addClass()设置样式的区别
对于样式的设置,我们学了addClass与css方法,那么两者之间有什么区别? 可维护性: .addClass()的本质是通过定义个class类的样式规则,给元素添加一个或多个类.css方法是通过Ja ...
jquery的css()函数同时设置多个css属性值
$("p").css({ "color": "#ff0011", "background": "blue&qu ...
jquery设置video的宽度_jQ效果：jQuery和css自定义video播放控件
下面介绍一下通过jquery和css自定义video播放控件. Html5 Video是现在html5最流行的功能之一,得到了大多数最新版本的浏览器支持.包括IE9,也是如此.不同的浏览器提供了不同的 ...
使用jQuery的.css()和.attr()方法设置元素left属性的注意点
今天在使用jQuery方法".css()"设置"ajax-loader.gif"的位置时出了点小状况,关键代码如下(为了简化,这里假定要给"ajax- ...
jquery访问css类,jQuery - 获取并设置 CSS 类
2017-09-16 摘抄自W3school-jQuery - 获取并设置 CSS 类希望帮助自己系统地打好基础,也能在做笔记的同时添加一些自己额外的收获. 通过 jQuery,可以很容易地对 CS ...
jquery关于css,jQuery css操作
jQuery操作css的元素样式 1.访问匹配元素的样式属性来个小案例: //宽高都是200px,背景颜色红色; 怎么获取div的属性值呢: $("#div").css(&quo ...
Jquery操作CSS常用方法
1.css 取得p的颜色: $(document).ready(function(){ var p= $("p").css("color"); alert(p) ...
html图片点击局部放大,jQuery教程 css+jQuery实现图片局部放大预览
本篇教程介绍了jQuery教程 css+jQuery实现图片局部放大预览,希望阅读本篇文章以后大家有所收获,帮助大家对jQuery的理解更加深入. < 今天有时间开始动手,使用css+jquer ...
jQuery操作CSS常见问题
1.jquery操作css !important无效解决: 这种写法:$('#oDiv').css({"width":"100px", "color ...

jquery:关于$().css(left,)的设置;offset();offset().left();$.width();$.outerWidth();

jquery:关于$().css(left,)的设置;offset();offset().left();$.width();$.outerWidth();相关推荐

最新文章

热门文章