jQuery学习体验(二)

4、css\height\width

     格式:1) css(key,value)      2) css(name)       3) css(properties)

              height(value)

              width(value)

     说明:css(key,value)  key:标记类名或ID名   value:属性值

            css(name)  name:标记类名或ID名

            css(properties)  properties:把一个“名/值对”对象设置为所有匹配元素的样式属性。

     例子:

     <script language="javascript" src="http://www.cnjquery.com/demo/jquery.js"></script>
     <script language="javascript">
           <!--
                 $(document).ready(function()
                 {
                       $("#bb").click(function()
                       {
                             $(this).css("background","#0033FF");
                             alert($(this).css("background"));
                       })

                       $("#b").click(function()
                       {
                             $(this).css({ background: "#33FF00", height:"100px" });
                       })

                     $("#h").click(function()
                       {
                             $(this).css("background","#0033ff");
                             $(this).height("200px");
                             $(this).width("300px");
                       })

   
                 })
      -->
     </script>

 

      <div id="bb">
            css(key,value);
            css(name);
      </div>
      <div id="b">
            css(properties);
      </div>

      <div id="h">
            height,width;
      </div>

 

posted @ 2009-03-03 23:19  赖振强  阅读(129)  评论(0编辑  收藏  举报