|
网站建设常见问答
JQUERY css() |
|
在网站的前端jquery无异是可以事半功倍的利器,今天来学习JQUERY css()
语法
- css(name|pro|[,val|fn])
参数 |
描述 |
name |
要访问的属性名称 |
properties |
要设置为样式属性的名/值对 |
name,value |
属性名,属性值 |
name,function(index, value) |
1:属性名
2:此函数返回要设置的属性值。接受两个参数,index为元素在对象集合中的索引位置,value是原先的属性值。 |
例子 1
取得第一个段落的color样式属性的值。
- # jQuery 代码:
- $(\"p\").css(\"color\");
例子 2
将所有段落的字体颜色设为红色并且背景为蓝色。
- # jQuery 代码:
- $(\"p\").css({ color: \"#ff0011\", background: \"blue\" });
例子 3
将所有段落字体设为红色
- # jQuery 代码:
- $(\"p\").css(\"color\",\"red\");
例子 4
逐渐增加div的大小
- # jQuery 代码:
- $(\"div\").click(function() {
- $(this).css({
- width: function(index, value) {
- return parseFloat(value) * 1.2;
- },
- height: function(index, value) {
- return parseFloat(value) * 1.2;
- }
- });
- });
就是如此的方便, css方法可以在前端再次对html页面进行加工展示.
|
|
点击: 1606 时间: 2016-11-23 |
|
|
|