样式的使用

样式的使用
样式的使用

[doc]

代码

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>添加样式</title>

<style>
.Item1{
font-size: 2em;
color: #00FF00;
background-color: black;
}

.Item2{
font-size: 3em;
color: #37C2FB;
background-color: saddlebrown;
}
</style>
<script src="jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
//设置样式
/*$("li").eq(2).css("background","red");
$("li").eq(3).css({
"background":"skyblue",
});*/
//添加样式
$("li").addClass("Item1");
$("li").eq(4).addClass("Item2");
//删除样式
$("li").eq(7).removeClass("Item1");
//切换样式
$("input").click(function(){
$("li").eq(6).toggleClass("Item2");
});
//判断有没有某种样式
$("#btnName").click(function(){
var hasDivItmClass = $("li").eq(7).hasClass("Item1");
if(hasDivItmClass){
$("li").eq(7).addClass("Item1");
}else{
$("li").eq(7).addClass("Item1");
}
});

});
</script>
</head>
<body>
<input type="button" value="切换样式" id="demo"/>
<input type="button" value="判断样式" id="btnName"/>
<ul >
<li>样式表的颜色1</li>
<li>样式表的颜色2</li>
<li>样式表的颜色3</li>
<li>样式表的颜色4</li>
<li>样式表的颜色5</li>
<li>样式表的颜色6</li>
<li>样式表的颜色7</li>
<li>样式表的颜色8</li>
</ul>
</body>
</html>

效果

样式222.png
每天叫醒的不是闹钟，而是梦想
相关阅读:
下载android的linux内核的方法
 安装sunjava5jdk 提示"无法找到软件包sunjava5jdk
Linux kernel中的annotation(转)
2012年计划
 Android 开机图片/文字/动画的修改(转)
2.6 内核中的计时器和列表
 linux设置默认网关
 谷歌Android被Linux内核除名(转)
使用call_usermodehelper在Linux内核中直接运行用户空间程序(转)
S3C2410平台上运行为例，讲解内核的解压过程
原文地址：https://www.cnblogs.com/shuiyaodongwu310988929/p/5994521.html

样式的使用

代码

效果