jQuery中的DOM操作

最新推荐文章于 2024-07-30 23:43:41 发布

高旭t-t

最新推荐文章于 2024-07-30 23:43:41 发布

阅读量107

点赞数

本文介绍了jQuery中CSS样式的操作方法，包括设置单个或多个属性，如css()方法；追加、移除、切换样式，分别使用addClass()、removeClass()、toggleClass()方法；还介绍了判断是否含指定样式的hasClass()方法，并给出了相应示例代码。

设置单个属性

css(name,value) ;

或

同时设置多个属性

css({name:value, name:value,name:value…}) ;

示例；$(this).css("border","5px solid #f5f5f5");

或

$(this).css({"border":"5px solid #f5f5f5","opacity":"0.5"});

<style>
        .dd{ border: 1px solid red; width: 50px; height: 70px;}
    </style>
    <script type="text/javascript" src="js/jquery-1.8.3.js"></script>
    <script type="text/javascript">
        $(function(){
       // $("div").css("border","1px solid red");
//$("div").css({"border":"1px solid red","width":"50px","height":"70px"});
$("div").addClass("dd");
        });
function show(div1){
alert($(div1).css("border"));
}

    </script>
</head>
<body>

<div onclick="show(this);">
    来打我把
</div>