javascript-jquery对象的css处理
一、css基本属性处理
1.css()方法:获取css属性值。$("选择器").css(name);//获取匹配选择器的元素指定css属性值。
2.css()方法:设置css属性值。$("选择器").css(name,value);//设置匹配选择器的元素指定css属性的值。
$("p").css("border","1px solid #f00");
也可以一次设置多属性值
$("p").css({"background-color":"green","color":"white"});
二、css尺寸属性处理
1.height()和width()方法:如果要获取或设置css属性height、width的值,可以使用更为简洁的height()和width()方法,单位是像素。
$("div").width();//获取第一个div的width
$("div").width(30);//设置多有的div的width为30px;
2.innerHeight()和innerWidth()方法。用户获得或者设置元素的实际高度和宽度值。
--是padding+width的值。
-$("div").innerWidth();获得实际宽度,包括padding+width不包括border
3.outerHeight()和outerWidth()方法。用户获得或者设置元素的实际高度和宽度。
$("div").outerWidth(true);//获得实际宽度,包括padding+width+margin
三、css位置属性设置。
1.offset();获取或者设置当前元素相对窗口偏移量。
--$("p").offset().top;//获取第一个距离窗口向上的偏移距离。
--$("p").offset({"top":40,"left":15});
2.position();方法:获取当前元素相对父元素的偏移量。
--$("p").position().top;//获取第一个p距离父元素向上的偏移距离。
3.scrollTop()和scrollLeft()方法:获取或者设置滚动条的位置。
--$("div:eq(1)").scrollTop();//获得滚动条的距离位置
--$("div:eq(1)").scrollTop(37);
最新文章
- JSP lifecycle - with servlet
- INVALID_SOCKET的值
- FFmpeg在Android上的移植之第一步
- ISO15693协议的Inventory
- eXtremeDB
- 【solr专题之三】Solr常见异常
- 自定义Dialog,从下面弹出
- gtk程序运行报 main_loop!=NULL 错误的解决办法
- iOS监听模式系列之关于delegate(代理,委托)的学习
- JavaScript学习备忘
- nlp算法工程师养成记 目标要求
- HDU - 1849 Rabbit and Grass 【Nim博弈】
- NET设计模式 第二部分 结构性模式(8):桥接模式(Bridge Pattern)
- Spring Boot 表单验证、AOP统一处理请求日志、单元测试
- 用xpo实现dc技术的关键点-XPO是如何处理接口类型与真实类型的对应关系的
- Jenkins配置定时任务
- MicroRNA in Control of Gene Expression: An Overview of Nuclear Functions 微RNA控制基因表达:核功能概述
- PowerDesigner概念设计模型(CDM)中的3种实体关系
- try与catch
- Linux 实用操作命令
热门文章
- <;题解>;「LibreOJ NOIP Round #1」序列划分
- 【数据库上】 第四讲 E-R模型基础知识
- 稚晖君-最小linux服务器运行 nginx + netcore
- PPPoE技术白皮书(H3C)
- 解决FTPClient下载网络文件线程挂起问题
- 使用Apache poi来编写导出excel的工具类
- CodeForce-702C Cellular Network(查找)
- PHP中的MySQLi扩展学习(二)mysqli类的一些少见的属性方法
- php在类中使用回调函数 如array_map
- Linux系列(37) - 源码包与RPM包区别(1)