首页 > 代码库 > jquery css属性练习
jquery css属性练习
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>css属性(专门用于class属性设置)</title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <style type="text/css"> .c1{color:red;} .c2{font-size:50px;} .c3{width:100px;height:100px;border:1px solid red;} </style> <script type="text/javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript"> /* addClass //添加一个样式 removeClass //移除一个样式 toggleClass //切换样式(如果有就移除，如果没有就添加) hasClass //判断是否具有某个样式 */ window.onload=function(){ $(‘#btnOk‘).click(function(){ //添加c3样式 //$(‘div‘).addClass(‘c3‘); //移除一个样式 //$(‘div‘).removeClass(‘c1‘); //切换样式(如果有就移除，如果没有就添加) //$(‘div‘).toggleClass(‘c3‘); //判断是否具有某个样式 if($(‘div‘).hasClass(‘c1‘)){ alert(‘具有c1属性‘); }; }); }; </script> </head> <body> <div class=‘c1 c2 ‘>test</div> <hr /> <input type="button" id=‘btnOk‘ value=‘确定‘ /> </body></html>
jquery css属性练习
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。