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游戏开发之《三国志曹操传》零部件开发(四)用地图块拼成大地图
Jan 23 Javascript
JS修改css样式style浅谈
May 06 Javascript
js中settimeout方法加参数
Feb 28 Javascript
Javascript 函数parseInt()转换时出现bug问题
May 20 Javascript
JavaScript使用replace函数替换字符串的方法
Apr 06 Javascript
Bootstrap弹出带合法性检查的登录框实例代码【推荐】
Jun 23 Javascript
JavaScript禁止用户多次提交的两种方法
Jul 24 Javascript
JavaScript从0开始构思表情插件
Jul 26 Javascript
在使用JSON格式处理数据时应该注意的问题小结
May 20 Javascript
IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法
Jun 04 Javascript
vue eslint简要配置教程详解
Jul 26 Javascript
原生js基于canvas实现一个简单的前端截图工具代码实例
Sep 10 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
jQuery UI Datepicker length为空或不是对象错误的解决方法
2010/12/19 Javascript
JQuery操作三大控件(下拉,单选,复选)的方法
2013/08/06 Javascript
jQuery中val()方法用法实例
2014/12/25 Javascript
JavaScript中对象介绍
2014/12/31 Javascript
jQuery制作简单柱状图实例
2015/01/28 Javascript
Jquery Ajax xmlhttp请求成功问题
2015/02/04 Javascript
js计算德州扑克牌面值的方法
2015/03/04 Javascript
jQuery+jsp下拉框联动获取本地数据的方法(附源码)
2015/12/03 Javascript
VUEJS实战之修复错误并且美化时间(2)
2016/06/13 Javascript
KnockoutJS 3.X API 第四章之表单textInput、hasFocus、checked绑定
2016/10/11 Javascript
创建一般js对象的几种方式
2017/01/19 Javascript
d3.js入门教程之数据绑定详解
2017/04/28 Javascript
详解webpack解惑:require的五种用法
2017/06/09 Javascript
使用vux实现上拉刷新功能遇到的坑
2018/02/08 Javascript
vscode调试node.js的实现方法
2020/03/22 Javascript
详解Vue3 Composition API中的提取和重用逻辑
2020/04/29 Javascript
[03:05]《我与DAC》之xiao8:DAC与BG
2018/03/27 DOTA
python内存管理分析
2015/04/08 Python
详解Python 2.6 升级至 Python 2.7 的实践心得
2017/04/27 Python
关于Django显示时间你应该知道的一些问题
2017/12/25 Python
Python编程scoketServer实现多线程同步实例代码
2018/01/29 Python
python向已存在的excel中新增表,不覆盖原数据的实例
2018/05/02 Python
python3射线法判断点是否在多边形内
2019/06/28 Python
Python+Django+MySQL实现基于Web版的增删改查的示例代码
2020/05/13 Python
python进行二次方程式计算的实例讲解
2020/12/06 Python
python-图片流传输的思路及示例(url转换二维码)
2020/12/21 Python
CSS3中的clip-path使用攻略
2015/08/03 HTML / CSS
数据库什么时候应该被重组
2012/11/02 面试题
建筑设计学生的自我评价
2014/01/16 职场文书
药品采购员岗位职责
2014/02/08 职场文书
学习退步检讨书
2014/09/28 职场文书
初中同学会致辞
2015/08/01 职场文书
校运会班级霸气口号
2015/12/24 职场文书
高二化学教学反思
2016/02/22 职场文书
iSCSI服务器CHAP双向认证配置
2022/04/01 Servers
彻底弄懂Python中的回调函数(callback)
2022/06/25 Python