使用jQuery的.css()和.attr()方法设置元素left属性的注意点

今天在使用jQuery方法".css()"设置"ajax-loader.gif"的位置时出了点小状况,关键代码如下(为了简化,这里假定要给"ajax-loader.gif"设置的左边距离固定为"300px"):

　　　　$('#svgLoading').css("left", "300px");

这时,"ajax-loader.gif"图片的位置并没有生效! WHY?

很容易地想到另外一种实现方式:

　　　　$('#svgLoading').attr("style", "left:300px;");

binggo, 正确!

WHY?难道".css()"和".attr()"在设置"style"中的属性时不能等价?自然地,百度, 加google...结果都类似地解释——"css设置style里的样式,attr设置属性"...

最终发现了问题所在:

　　tip1. 使用".css()"设置style里的样式时,如果是"长度"值,则默认的单位为"px",所以不需要,也不能显式地指明单位,否则,设置的样式就会不起作用!

　　tip2. 使用".attr()"设置style里的样式时,如果是"长度"值,则需要,也必须要指明单位,否则,也同样失效!

小结:

error:

$('#svgLoading').css("left", "300px");

$('#svgLoading').attr("style", "left:300;");

right:

$('#svgLoading').css("left", 300);

$('#svgLoading').attr("style", "left:300px;");

转载于:https://www.cnblogs.com/julin-peng/p/4135839.html

使用jQuery的.css()和.attr()方法设置元素left属性的注意点相关推荐

jQuery获取或设置元素的属性值prop/attr
获取元素的属性值固有属性($('div).prop('color')) 自定义属性($('div).attr('index')) //html代码<a href="www.baidu ...
jquery给标签添加属性或获取属性值attr方法，移除属性removeAttr方法
1. attr() 方法设置或返回被选元素的属性值. (1)返回被选元素的属性值: $(selector).attr(attribute) (2)设置被选元素的属性和值 $(selector).att ...
怎样设置html的元素属性,Jquery怎么设置元素的属性和样式？
Jquery怎么设置元素的属性和样式?下面本篇文章给大家介绍一下使用jQuery操作元素属性与样式的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 元素属性和Dom属性对于下 ...
jQuery获取或设置元素的属性值
jQuery获取或设置元素的属性值获取元素属性值固有属性($('div).prop('color')) 自定义属性($('div).attr('index')) //html代码<a hre ...
JS setAttribute()方法：设置元素的属性值
在 JavaScript 中,使用元素的 setAttribute() 方法可以设置元素的属性值.用法如下: setAttribute(name, value) 参数 name 和 value 分别表 ...
js/Jquery通过MutationObserver实现监听dom元素的属性变化用div简单实例
图片实例
html添加删除元素属性,jQuery学习笔记——.attr()和.removeAttr()方法操作元素属性
今天主要和大家一起分享一下如何使用jQuery的jQuery就可以让我们轻松的读取,添加,更改或删除一个(或多个)元素中的任何属性,在jQuery中我们可以使用下面的方法来实现:.attr():jQu ...
jQuery 学习-样式篇（四）：jQuery 设置和删除元素的属性
推荐阅读 Helm3(K8S 资源对象管理工具)视频教程:https://edu.csdn.net/course/detail/32506 Helm3(K8S 资源对象管理工具)博客专栏:https: ...
jQuery源码分析之removeAttr方法和attr方法
jQuery.removeAttr函数源码测试: <input type="radio" checked/> var rnotwhite = (/\S+/g); var ...

使用jQuery的.css()和.attr()方法设置元素left属性的注意点

使用jQuery的.css()和.attr()方法设置元素left属性的注意点相关推荐

最新文章

热门文章