JQuery添加移除Css样式

最新推荐文章于 2024-05-30 10:10:30 发布

eason26_li

最新推荐文章于 2024-05-30 10:10:30 发布

阅读量849

点赞数

分类专栏： AJax 文章标签： CSS jQuery ViewUI

本文链接：https://blog.csdn.net/eason26_li/article/details/83486324

版权

AJax 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JQuery添加移除Css样式</title>
<script language="javascript" src="jquery-1.2.5.js"></script>
<style type="text/css">
.div{height:20px; margin-top:10px;}
.div1{border:1px solid red;}
.div2{border:1px solid #ccc;}
</style>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</head>
<body>
<div id="div1">div1</div>
<div id="div2">div2</div>
</body>
</html>

例二
<script type=”text/javascript”>
$(document).ready(function(){
$(”.cate_box h3″).mouseover(function(){
$(this).addClass(”over”);}).mouseout(function(){
$(this).removeClass(”over”);})
$(”.cate_box h3″).click(function()
{
if($(this).next().css(”display”)==”none”)
{
$(this).next().css(”display”,”block”);
}else{
$(this).next().css(”display”,”none”);
}
})
});

</script>

eason26_li

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQuery添加移除Css样式

JQuery添加移除Css样式 .div{height:20px; margin-top:10px;} .div1{border:1px solid red;} .div2{border:1px solid #ccc;}div1div2例二$(document).ready(func...
复制链接

扫一扫

专栏目录