博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery CSS样式和尺寸操作
阅读量:5314 次
发布时间:2019-06-14

本文共 1020 字,大约阅读时间需要 3 分钟。

1、操作CSS样式方法css()

1.1、获取:jqobj.css(cssattr);

1.2、逐个设置jqobj.css(cssattr,value);

1.3、链式设置jqobj.css(cssattr1,value1).css(cssattr2,value2);

1.4、批量设置jqobj.css({cssattr1:value1,cssattr2,value2});

1.5、注意点:CSS属性名和属性值均以字符串形式传入,属性值带单位的要带上单位传入。

2、元素宽高

width()、height()

获取:jqobj.width(),jqobj.height(),获取到的值是以px为单位的数值

设置宽度:jqobj.width(30)==jqobj.width("30")==jqobj.width("30px")!=jqobj.width("30pt") 设置高度同理

3、定位偏移量

offset():获取元素距离DOM文档左边界和上边界的偏移量:offset().left、offset().top

设置:offset({left:10,top:20});设置后该元素position属性值被设置为relative; 且left和top属性值被设置为经计算后会满足偏移量的值 offset()方法获取到的是数值,设置时left和top及其属性值可带可不带引号,且属性值不能带单位

position():获取元素距离定位元素的偏移量,即读取css属性的left和top值,只能获取不能设置

4、滚动偏移量

scrollTop()、scrollLeft()

注意点: 为了保证浏览器的兼容,

获取网页滚动偏移位需按照如下写法:$("html,body").scrollTop();

设置网页滚动偏移位需按照如下写法:$("html,body").scrollTop(300);

总结:操作2、3、4点的相关方法时,传参时最好统一格式为不带引号和单位

5、综合案例

点我获取并改变宽度
点我获取并改变窗口偏移量
点我获取最近定位元素偏移量

 

转载于:https://www.cnblogs.com/chuanzi/p/9456190.html

你可能感兴趣的文章
POJ2524 并查集
查看>>
boost asio resolver
查看>>
<转>.h和.cpp文件的区别
查看>>
[转]svn常用命令
查看>>
Swing学习1——总体概述
查看>>
nginx 注释配置及详解
查看>>
QCustomplot(一) 能做什么事
查看>>
vue1.0和vue2.0生命周期----整理一
查看>>
Could not load the Tomcat server configuration at \Servers\Tomcat v7.0 Server at localhost-config
查看>>
对象的成员的初始化
查看>>
zbb20180710 maven Failed to read artifact descriptor--maven
查看>>
关于Webapp的注意事项
查看>>
使用JDBC进行数据库的事务操作(2)
查看>>
HDU 3966 Aragorn's Story (树链剖分+线段树)
查看>>
MIME协议(三) -- MIME邮件的组织结构
查看>>
javascript:设置URL参数的方法,适合多条件查询
查看>>
javascript获取URL查询字符串
查看>>
大型网站架构演化(二)——应用服务和数据服务分离
查看>>
最近沉迷生意经
查看>>
BZOJ1787 [Ahoi2008]Meet 紧急集合 LCA
查看>>