• 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”;
  • 相关阅读:
    python--tkinter桌面编程开发--记事本
    Python--面向对象编程
    Python--面向对象编程--时钟实例开发
    Python学习笔记--2--面向对象编程
    Python学习笔记--1
    epoll聊天室的实现
    操作系统--虚拟存储器
    操作系统--存储器管理
    操作系统--分页存储管理中逻辑地址转换为物理地址
    操作系统--处理机调度与死锁
  • 原文地址:https://www.cnblogs.com/zydcl/p/2182058.html
Copyright © 2020-2023  润新知