jquery基础

来源：互联网发布：hadnext() java 编辑：程序博客网时间：2024/04/29 03:52

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>

0 0