1、用jquery检查某个元素是否存在:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>DEMO</title>
<script src="jquery/jquery-1.8.2.min.js"></script>
<style>
</style>
<script>
$(function(){
if($('.tt').length > 0){ //根据获取到的元素长度判断
alert('true');
}else{
alert('false');
}
});
</script>
</head>
<body>
<div class="tt">123</div>
</body>
</html>
或者
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>DEMO</title>
<script src="jquery/jquery-1.8.2.min.js"></script>
<style>
</style>
<script>
$(function(){
if($('.tt')[0]){ //转化成DOM对象来判断
alert('true');
}else{
alert('false');
}
});
</script>
</head>
<body>
<div class="tt">123</div>
</body>
</html>
2、给div加类
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>DEMO</title>
<script src="jquery/jquery-1.8.2.min.js"></script>
<style>
.add{
color:#f00;
font-size:20px;
}
</style>
<script>
$(function(){
$('.tt').addClass('add');
});
</script>
</head>
<body>
<div class="tt">123</div>
</body>
</html>
3、新增行间样式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>DEMO</title>
<script src="jquery/jquery-1.8.2.min.js"></script>
<style>
</style>
<script>
$(function(){
$('.tt').css('color','red');
});
</script>
</head>
<body>
<div class="tt">123</div>
</body>
</html>