您现在的位置是:首页 > 网站建设常见问答网站建设常见问答

JQUERY css()

2016-11-23【网站建设常见问答】1737 人已围观

简介 在网站的前端jquery无异是可以事半功倍的利器,今天来学习JQUERYcss() 定义和用法 访问或设置匹配元...

    在网站的前端jquery无异是可以事半功倍的利器,今天来学习JQUERY css()

定义和用法

访问或设置匹配元素的样式属性。

语法

  1. css(name|pro|[,val|fn])
参数 描述
name 要访问的属性名称
properties 要设置为样式属性的名/值对
name,value 属性名,属性值
name,function(index, value) 1:属性名
2:此函数返回要设置的属性值。接受两个参数,index为元素在对象集合中的索引位置,value是原先的属性值。

例子 1

取得第一个段落的color样式属性的值。

  1. # jQuery 代码:
  2. $(\"p\").css(\"color\");

例子 2

将所有段落的字体颜色设为红色并且背景为蓝色。

  1. # jQuery 代码:
  2. $(\"p\").css({ color: \"#ff0011\", background: \"blue\" });

例子 3

将所有段落字体设为红色

  1. # jQuery 代码:
  2. $(\"p\").css(\"color\",\"red\");

例子 4

逐渐增加div的大小

  1. # jQuery 代码:
  2. $(\"div\").click(function() {
  3. $(this).css({
  4. width: function(index, value) {
  5. return parseFloat(value) * 1.2;
  6. },
  7. height: function(index, value) {
  8. return parseFloat(value) * 1.2;
  9. }
  10. });
  11. });
就是如此的方便, css方法可以在前端再次对html页面进行加工展示.



关注宁波网站建设博客,更多精彩分享,敬请期待!
 

Tags:

很赞哦! ()

文章评论

点击排行

本站推荐

站点信息