您现在的位置是:首页 > 网站建设常见问答网站建设常见问答
JQUERY css()
2016-11-23【网站建设常见问答】1961 人已围观
简介 在网站的前端jquery无异是可以事半功倍的利器,今天来学习JQUERYcss() 定义和用法 访问或设置匹配元...
在网站的前端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;
- }
- });
- });
关注宁波网站建设博客,更多精彩分享,敬请期待!
Tags:
很赞哦! ()
上一篇:怎样准备网站建设资料
下一篇:冷门关键词优化排位为什么也会难?