jQuery学习笔记 操作jQuery对象 CSS处理


Posted in Javascript onSeptember 19, 2012

CSS基本属性处理

方法 描述
css(name) 获取元素上CSS规则中name属性值
css(name,value) css(name,fn(index,value)) css({name1:value1,…,nameN:valueN}) 设置元素上CSS规则name属性的值为value,也可使用函数参数,不解释;还可以一次性为同一元素设置多个CSS属性

CSS尺寸属性处理

方法 描述
height() 获取元素CSS属性height的值
width() 获取元素CSS属性width的值。这两个方法获取的是元素在页面中的实际高度宽度值,多用于数学运算,比较方便
innerHeight() 获取元素内部区域(包括内边距padding)的实际高度值
innerWidth() 获取元素内部区域的实际宽度值
outerHeight() 获取元素外部区域(包括内边距padding、边框border)的实际高度值
outerWidth() 获取元素外部区域的实际宽度值。若需计入外边距margin,可以传入一个true参数,即outerHeight(true)或outerWidth(true)

CSS位置属性处理

方法 描述
offset() offset(coord) offset(fn(index,coord)) 获取元素在当前视窗的相对偏移,返回一个包含top和left属性的对象。比如$(“p”).offset().top。该方法只对可见元素有效。也可设置偏移值,注意coord也是个对象,比如$(“p”).offset({“top”:40,”left”:15})
position() 获取元素相对最近定位祖先元素的偏移值,同样返回一个包含top和left属性的对象。
scrollTop() scrollTop(value) 获取垂直滚动条相对于该元素最顶端的偏移值
scrollLeft() scrollLeft(value) 获取水平滚动条相对于该元素最左端的偏移值。两方法都可设置值,默认单位px,若value为负值则滚动条移动到最顶端或最左端;若value超出最大值则移动到最底端或最右端
Javascript 相关文章推荐
图片格式的JavaScript和CSS速查手册
Aug 20 Javascript
按Enter键触发事件的jquery方法实现代码
Feb 17 Javascript
javascript的tab切换原理与效果实现方法
Jan 10 Javascript
javascript使用avalon绑定实现checkbox全选
May 06 Javascript
js实现从右向左缓缓浮出网页浮动层广告的方法
May 09 Javascript
JS实现超简洁网页title标题跑动闪烁提示效果代码
Oct 23 Javascript
在Node.js中使用Javascript Generators详解
May 05 Javascript
利用node.js如何搭建一个简易的即时响应服务器
May 28 Javascript
vue项目中vue-i18n和element-ui国际化开发实现过程
Apr 25 Javascript
js中的 || 与 && 运算符详解
May 24 Javascript
Vue项目服务器部署之子目录部署方法
May 12 Javascript
详解 TypeScript 枚举类型
Nov 02 Javascript
firefox下jQuery UI Autocomplete 1.8.*中文输入修正方法
Sep 19 #Javascript
dotopAlert 提示用户需安装播放器的代码
Sep 17 #Javascript
点弹代码 点击页面任何位置都可以弹出页面效果代码
Sep 17 #Javascript
js函数的引用, 关于内存的开销
Sep 17 #Javascript
JavaScript中的稀疏数组与密集数组[译]
Sep 17 #Javascript
JavaScript中:表达式和语句的区别[译]
Sep 17 #Javascript
JavaScript取得鼠标绝对位置程序代码介绍
Sep 16 #Javascript
You might like
15个小时----从修改程序到自己些程序
2006/10/09 PHP
探讨PHP中this,self,parent的区别详解
2013/06/08 PHP
PHP实现的随机红包算法示例
2017/08/14 PHP
PHP pthreads v3下同步处理synchronized用法示例
2020/02/21 PHP
use jscript with List Proxy Server Information
2007/06/11 Javascript
jquery 表单取值常用代码
2009/12/22 Javascript
setInterval,setTimeout与jquery混用的问题
2013/04/08 Javascript
js判断登录与否并确定跳转页面的方法
2015/01/30 Javascript
javascript实现确定和取消提示框效果
2015/07/10 Javascript
jQuery随手笔记之常用的jQuery操作DOM事件
2015/11/29 Javascript
JS写XSS cookie stealer来窃取密码的步骤详解
2017/11/20 Javascript
vue项目打包部署到服务器的方法示例
2018/08/27 Javascript
使用gulp构建前端自动化的方法示例
2018/12/25 Javascript
js模拟F11页面全屏显示
2019/09/17 Javascript
Python的面向对象编程方式学习笔记
2016/07/12 Python
python脚本实现数据导出excel格式的简单方法(推荐)
2016/12/30 Python
详解Python中最难理解的点-装饰器
2017/04/03 Python
PyCharm下载和安装详细步骤
2019/12/17 Python
Jupyter notebook如何实现指定浏览器打开
2020/05/13 Python
美国Lolё官网:购买大胆而美丽的女性运动服装
2017/05/22 全球购物
荷兰皇家航空公司官方网站:KLM Royal Dutch Airlines
2017/12/07 全球购物
Saks Fifth Avenue澳洲/亚太地区:萨克斯第五大道精品百货店
2019/06/09 全球购物
全球速卖通俄罗斯站:AliExpress俄罗斯
2019/06/17 全球购物
丝芙兰意大利官方网站:Sephora.it
2019/12/13 全球购物
公司培训欢迎词
2014/01/10 职场文书
六十大寿答谢词
2014/01/12 职场文书
六一儿童节活动策划方案
2014/01/27 职场文书
个人创业事迹材料
2014/12/30 职场文书
新娘婚礼答谢词
2015/09/29 职场文书
调研报告的主要写法
2019/04/18 职场文书
年会邀请函的格式及范文五篇
2019/11/02 职场文书
5种 JavaScript 方式实现数组扁平化
2021/10/05 Javascript
Oracle配置dblink访问PostgreSQL的操作方法
2022/03/21 PostgreSQL
“鬼灭之刃”热度不减,其成功背后的原因是什么?
2022/03/22 日漫
宝塔更新Python及Flask项目的部署
2022/04/11 Python
python神经网络Xception模型
2022/05/06 Python