jQuery css详解

今天确确实实是放了一天假,喝了点小酒,看了天天向上和快乐大本营以及中国好舞蹈,越来越热爱舞蹈了,还是总结一篇吧。

@jquery css

css(name|pro|[,val|fn):访问或设置匹配元素的样式属性

1 $("div").click(function(){
2     $(this).css({width:20px,height:30px})
3 });

offset([coordinates]):获取匹配元素在当前视口(body)的相对偏移

1 <p>hello baby</p>
2 
3 $("p").html("left:"+offset.left+",top:"+offset.top);
4 
5 // offset().left就相当于与body的Margin-left
6 //offset().top就相当于与body的Margin-top

position():获取或设置匹配元素相对父元素的偏移

1 $("p").html("left:"+$("p").position().left);
2 
3 //position().left相当于与当前父元素的Margin-left;
4 //position().top相当于与当前父元素的Margin-top;

scrollTop([val]):获取匹配元素相对于滚动条顶部的偏移;

scrollLeft([val]):获取匹配元素相对于滚动条左部的偏移;

height(val|fn):取得或设置匹配元素当前计算的高度值(高度)

1 $("p").height(20);

width(val|fn):取得或设置匹配元素当前计算的宽度值(宽度);

innerHeight():获取第一个匹配元素内部区域高度(高度+补白)

innerWidth():获取第一个匹配元素内部区域宽度;

outerHeight([options]):获取第一个匹配元素外部高度;

1 <p>HELLObaby</p>
2 
3 $("p").html("outerHeight:"+$("p").outerHeight()+",outerHeight(true):"+$("p").outerHeight(true));
4 
5 //outerHeight() 表示高度+补白+边框,当参数为true时,表示高度+补白+边框+边距;

outerWidth([options]):获取第一个匹配元素的外部宽度;

总结还不够精炼,还需要逐步完善!!

转载于:https://www.cnblogs.com/eyeSpace/p/3790219.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/420857.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

1001 害死人不偿命的(3n+1)猜想 (15分)

1001 害死人不偿命的(3n1)猜想 (15分) 卡拉兹(Callatz)猜想&#xff1a; 对任何一个正整数 n&#xff0c;如果它是偶数&#xff0c;那么把它砍掉一半&#xff1b;如果它是奇数&#xff0c;那么把 (3n1) 砍掉一半。这样一直反复砍下去&#xff0c;最后一定在某一步得到 n1。卡拉…

java中的动态绑定与静态绑定

首先是方法的参数是父类对象&#xff0c;传入子类对象是否可行 然后引出Parent p new Children(); 这句代码不是很理解&#xff0c;google的过程中引出向上转型 要理解向上转型又引出了动态绑定 从动态绑定又引出了静态绑定 程序绑定的概念&#xff1a; 绑定指的是一个方法的…

1002 写出这个数 (20分)

1002 写出这个数 (20分) 读入一个正整数 n&#xff0c;计算其各位数字之和&#xff0c;用汉语拼音写出和的每一位数字。 输入格式&#xff1a; 每个测试输入包含 1 个测试用例&#xff0c;即给出自然数 n 的值。这里保证 n 小于 10 ​100 ​​ 。 输出格式&#xff1a; 在一…

ATL和ActiveX做的控件.dll和.ocx最主要的区别(摘录)

楼主是不是说用ATL做的控件和用MFC ActiveX wizard的控件有什么区别吧依存的动态库不一样&#xff0c; 一个是ATL.DLL吧&#xff0c; 一个是MFC42.DLL。 ATL开发的控件代码少&#xff0c;轻便&#xff0c;便于网上发布&#xff1b;MFC开发的控件笨重&#xff0c;但是MFC类库丰富…

1003 我要通过! (20分)

1003 我要通过&#xff01; (20分) “答案正确”是自动判题系统给出的最令人欢喜的回复。本题属于 PAT 的“答案正确”大派送 —— 只要读入的字符串满足下列条件&#xff0c;系统就输出“答案正确”&#xff0c;否则输出“答案错误”。 得到“答案正确”的条件是&#xff1a;…

推荐20款基于 jQuery CSS 的文本效果插件

jQuery 和 CSS 可以说是设计和开发行业的一次革命。这一切如此简单&#xff0c;快捷的一站式服务。jQuery 允许你在你的网页中添加一些真正令人惊叹的东西而不用付出很大的努力&#xff0c;要感谢那些优秀的 jQuery 插件。 所以今天我们将展示一些很酷的文本效果插件&#xff0…

1004 成绩排名 (20分)

1004 成绩排名 (20分) 读入 n&#xff08;>0&#xff09;名学生的姓名、学号、成绩&#xff0c;分别输出成绩最高和成绩最低学生的姓名和学号。 输入格式&#xff1a; 每个测试输入包含 1 个测试用例&#xff0c;格式为 第 1 行&#xff1a;正整数 n 第 2 行&#xff1a;…

Java反射技术

目录1. 什么是反射&#xff0c;为何用它2. Student类3. Person类4. 反射实现以测试学生类为主1. 什么是反射&#xff0c;为何用它 1.1 什么是反射:允许程序员在程序运行期间动态的获得某个类型的信息(类本身的信息以及类的成员信息),从而开发出更为灵活通用的代码 反射能做什么…

王灏:光音网络致力打造Wi-Fi大生态圈

光音网络&#xff0c;做的是本地网络综合服务。在中国&#xff0c;想把互联网做到覆盖延伸范围之外的最后100米&#xff0c;光音网络是当中一家&#xff0c;也是最坚持的一家。为千万家本地生活商户提供帮助&#xff0c;为数亿本地用户提供最佳的本地网络体验&#xff0c;这是光…

1005 继续(3n+1)猜想 (25分)

1005 继续(3n1)猜想 (25分) 卡拉兹(Callatz)猜想已经在1001中给出了描述。在这个题目里&#xff0c;情况稍微有些复杂。 当我们验证卡拉兹猜想的时候&#xff0c;为了避免重复计算&#xff0c;可以记录下递推过程中遇到的每一个数。例如对 n3 进行验证的时候&#xff0c;我们需…

利用反射对dao层进行重写

反射写一个通用的dao层1. 学了反射&#xff0c;就得学会搞事情2. 反射写dao具体实现1. 学了反射&#xff0c;就得学会搞事情 我想怎么对实体类操作&#xff0c;就对实体类操作 想实现通用的dao&#xff0c;要满足的条件&#xff1a; 实体类名与表名一样实体字段名与表字段名一…

Replication--查看未分发命令和预估所需时间

当复制有延迟时&#xff0c;我们可以使用复制监视器来查看各订阅的未分发命令书和预估所需时间&#xff0c;如下图&#xff1a; 但是当分发和订阅数比较多的时候&#xff0c;依次查看比较费时&#xff0c;我们可以使用sys.sp_replmonitorsubscriptionpendingcmds来查看&#xf…

1006 换个格式输出整数 (15分)

1006 换个格式输出整数 (15分) 让我们用字母 B 来表示“百”、字母 S 表示“十”&#xff0c;用 12…n 来表示不为零的个位数字 n&#xff08;<10&#xff09;&#xff0c;换个格式来输出任一个不超过 3 位的正整数。例如 234 应该被输出为 BBSSS1234&#xff0c;因为它有 2…

利用反射和xml配置文件手写一个小型的框架

通用的增删改查1. 利用xml配置实体类和数据库表名的映射关系2. 根据xml设计&#xff0c;用正确的数据结构映射类封装好xml信息3. 得到数据库连接前&#xff0c;读取xml信息&#xff0c;用map封装成映射数据4. 写dao时根据反射和map生成sql语句&#xff0c;拿到属性值测试为了解…

DPtoLP/LPtoDP 和 ScreenToClient/ClientToScreen

设备坐标&#xff08;Device Coordinate&#xff09;又称为物理坐标&#xff08;Physical Coordinate&#xff09;&#xff0c;是指输出设备上的坐标。通常将屏幕上的设备坐标称为屏幕坐标。设备坐标用对象距离窗口左上角的水平距离和垂直距离来指定对象的位置&#xff0c;是以…

前端学习(1126):递归求数学题

阶乘1*2*3.....*n <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</title> </he…

1007 素数对猜想 (20分)

1007 素数对猜想 (20分) 让我们定义 ​​ 为&#xff1a;dnpn1−pnd_{n} p_{n1} - p_{n}dn​pn1​−pn​&#xff0c;其中pip_{i}pi​是第iii个素数。显然有d11d_{1} 1d1​1&#xff0c;且对于n>1n>1n>1有dnd_{n}dn​是偶数。“素数对猜想”认为“存在无穷多对相邻且…

Spring工作原理

一、 IoC(Inversion of control): 控制反转1、IoC&#xff1a;概念&#xff1a;控制权由对象本身转向容器&#xff1b;由容器根据配置文件去创建实例并创建各个实例之间的依赖关系核心&#xff1a;bean工厂&#xff1b;在Spring中&#xff0c;bean工厂创建的各个实例称作bean二…

前端学习(1127):递归求数学题2

斐波那契数列 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</title> </head>…