zoukankan      html  css  js  c++  java
  • jquery学习之CSS(name)

    CSS(name):获取第一个匹配元素的样式属性。

    参数:name---要获取的属性的名称

    例题:

     1 <head>
     2     <title></title>
     3     <script type="text/javascript" src="jquery-1.6.js"></script>
     4    <style type="text/css" >
     5       #p1{
     6           color: Red;
     7             font-size: 20px;
     8       }
     9         #p2{
    10             color: Green;
    11             font-size: 40px;
    12         }
    13     </style>
    14 </head>
    15 <body>
    16 <script type="text/javascript">
    17    $(function(){
    18      $("#p1").hover(function(){    //hover()方法用于模拟光标悬停事件,当光标移动到元素上时,会
    19       //触发指定的第一个函数,当光标移出这个元素时,会触发指定的第二个函数
    20          var p1css=$("#p1").css("color");  //获取第一个段落的颜色属性
    21          $("#div1").text(p1css);
    22       },function(){
    23          $("#div1").text("");
    24       })
    25       
    26      $("#p2").hover(function(){
    27          var p1css=$("#p2").css("color");
    28          $("#div1").text(p1css);
    29       },function(){
    30          $("#div1").text("");
    31       })
    32       
    33      $("#p3").hover(function(){
    34          var p1css=$("#p3").css("color");
    35          $("#div1").text(p1css);
    36       },function(){
    37          $("#div1").text("");
    38       })
    39     })
    40 </script>
    41 <p id="p1">这里是段落1</p>
    42 <p id="p2">这里是段落2</p>
    43 <font color="blue"><p id="p3">这里是段落3</p></font>
    44 <div id="div1"></div>
     
    当光标移动到段落1的时候,显示“red”;
    当光标移动到段落2的时候,显示"green";
    当光标移动到段落3的时候,显示“blue”;
        总结,CSS(name)获取属性的值不仅可以获取使用CSS定义的属性中的值,同样可以获取HTML标记中的属性值。
    当光标移动到段落1的时候,显示“red”;
  • 相关阅读:
    最富有客户的资产总量
    无重叠区间
    工作流分析推荐
    sharepoint外包和定制开发公司分析比较及推荐
    sharepoint开发企业信息门户系统分析及公司推荐
    北京sharepoint开发公司比较推荐
    国内市场主流专业的sharepoint开发公司分析比较及推荐
    北京工作流软件公司分析比较和推荐
    国内市场主流专业的工作流(bpm)软件分析、比较及推荐
    Hibernate的多对多实例
  • 原文地址:https://www.cnblogs.com/zydcl/p/2182058.html
Copyright © 2011-2022 走看看