zoukankan      html  css  js  c++  java
  • jQuery样式--css(name|pro|[,val|fn])

       css(name|pro|[,val|fn])

    概述

         访问匹配元素的样式属性

    参数

    • name  要访问的属性名称
    • name  一个或多个CSS属性组成的一个数组
    • properties  要设置为样式属性的名/值对
    • name,value  属性名,属性值
    • name,function(index, value)  1:属性名;2:此函数返回要设置的属性值。接受两个参数,index为元素在对象集合中的索引位置,value是原先的属性值
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title></title>
            <script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
            <script type="text/javascript">
                $(function(){
                    $("#btn").click(function(){
                        alert($("p:eq(0)").css("color"));
                        
                        $("p:eq(1)").css("color","#FF0000");
                        
                        $("p:eq(2)").css({"color":"#FF0000","font-weight":"bold"});
                        
                        $("p:eq(3)").css("color",function(){
                            return "#0000FF";
                        });
                    });
                });
            </script>
        </head>
        <body>
            <div>
                <p style="color:#FF0000">第一个段落。</p>
                <p>第二个段落。</p>
                <p>第三个段落。</p>
                <p>第四个段落。</p>
            </div>
            <button id="btn">点击</button>
        </body>
    </html>
  • 相关阅读:
    NSDate 与NSString的互相转换
    NSArray 基础
    IOS 使用自定义字体
    页面跳转添加动画
    Builder 模式
    树的子结构
    Singleton 模式
    合并两个排序的链表(递归算法)
    合并两个排序的链表(非递归)
    反转链表
  • 原文地址:https://www.cnblogs.com/fengfuwanliu/p/10082732.html
Copyright © 2011-2022 走看看