结论:
1.给html添加相同属性不同属性值的的css样式,后面的css文件样式会覆盖前面的css文件样式
2.给标签添加弹出事件,前后两个js文件都会执行,现执行js文件1,后执行js文件2
3.用js添加样式,效果和css相同
总结
修改样式的时候可以把你的修改css放到html最底部
js修改的时候事件会执行,但是样式会覆盖
html部分
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href="jquery-ui.css" rel="stylesheet">
<link href="1.css" rel="stylesheet">
<link href="2.css" rel="stylesheet">
<script src="1.js"></script>
<script src="2.js"></script>
<title>无标题文档</title>
</head>
<body>
<div class="zz">我是测试css</div>
<div class="ss">我是测试js添加样式</div>
<input id="jj" type="button" value="我是测试js事件" >
</body>
</html>
css文件1
.zz{
background-color:red;
}
css文件2
.zz{
background-color:yellow;
}
js文件1
<pre name="code" class="html">$(function () {
$('#jj').click(function(){
alert("我是第一个js");
});
$('.ss').mouseover(function(){
$(this).css('background-color','red');
});
})
js文件2
$(function () {
$('#jj').click(function(){
alert("我是第二个js");
});
$('.ss').mouseover(function(){
$(this).css('background-color','yellow');
});
})