jquery css操作 (脑子不好使了再看看)
来源:互联网 发布:剑三黑鹤道长捏脸数据 编辑:程序博客网 时间:2024/04/30 06:13
以下是对css操作的总结
CSS 属性 描述
css() 设置或返回匹配元素的样式属性。
height() 设置或返回匹配元素的高度。
offset() 返回第一个匹配元素相对于文档的位置。
offsetParent() 返回最近的定位祖先元素。
position() 返回第一个匹配元素相对于父元素的位置。
scrollLeft() 设置或返回匹配元素相对滚动条顶部的偏移。
scrollTop() 设置或返回匹配元素相对滚动条左侧的偏移。
width() 设置或返回匹配元素的宽度。
jQuery CSS 操作 - css() 方法
实例
设置
元素的颜色:
(“.btn1”).click(function(){(“p”).css(“color”,”red”);
});
例:
This is a paragraph.
This is another paragraph.
改变段落的颜色
定义和用法
css() 方法返回或设置匹配的元素的一个或多个样式属性。
返回 CSS 属性值
返回第一个匹配元素的 CSS 属性值。
注释:当用于返回一个值时,不支持简写的 CSS 属性(比如 “background” 和 “border”)。
例:
This is a paragraph.
返回段落的颜色
设置 CSS 属性
设置所有匹配元素的指定 CSS 属性。
例:
This is a paragraph.
This is another paragraph.
改变段落的颜色
使用函数来设置 CSS 属性
设置所有匹配的元素中样式属性的值。
此函数返回要设置的属性值。接受两个参数,index 为元素在对象集合中的索引位置,value 是原先的属性值。
$(“p”).css(“color”,function(){return “red”;});
});
例:
This is a paragraph.
This is another paragraph.
设置所有 p 元素的 color 属性
实例 2
逐渐增加 div 的宽度:
(“div”).click(function() {(this).css(
“width”, function(index, value) {return parseFloat(value) * 1.2;}
);
});
例:
div {width:100px; height:50px; background-color:red;}
设置多个 CSS 属性/值对
“color”:”white”,
“background-color”:”#98bf21”,
“font-family”:”Arial”,
“font-size”:”20px”,
“padding”:”5px”
});
例:
This is a paragraph.
This is another paragraph.
改变段落的样式
- jquery css操作 (脑子不好使了再看看)
- 年纪大了 脑子不好使了
- 被充大脑营养!不是广告!脑子不好使了,那来瓶脑饮料吧!
- 类的非虚成员函数的访问-------脑子不好使,转了下出来了,记下给自己留个醒
- 盒子模型这下丢不了!!!脑子不好使总是记不住
- 脑子不好使。。。半天才写出归并。。。唉
- jquery操作checkbox选中和取消不好使的解决之道
- OSX: PlistBuddy不好使了
- 联想键盘功能键不好使,看这里
- jquery mobile超链接<a>不好使
- 听完了C++再看看C语言
- 最近脑子一热,又去看Locale了
- eclipse 格式化快捷键ctrl+shift+f不好使了
- 再看Jquery
- UVa1025 DP (还要再看看~)
- jQuery来了--进行CSS操作的方法(添加/删除类),CSS()方法
- 好久没静下心学点东西了,再看看rbac这张图吧。
- 一个脑子不够用
- Cordova打包Android,遇到gradle下载失败的解决办法
- 插件化接入百度地图和高德地图
- JMeter 聚合报告之90% Line参数说明
- MySQL数据库总结
- ssh无密码登录
- jquery css操作 (脑子不好使了再看看)
- 集合的操作问题
- cmake语法小结
- 【HDU】5701 - 中位数计数(计数 & 思维)
- 数据结构实验:连通分量个数
- Ajax PHP JavaScript MySQL实现简易的无刷新在线聊天室
- Docker 开启远程访问API
- jmeter之监听器
- 食物链 并查集