<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .c1{ } .hide{ display: none; } </style> </head> <body> <input id="i1" type="button" value="开关"> <div class="c1 hide">ASFSAFSAFSAS</div> <!--<input id="i2" type="text">--> <SCRIPT SRC="jquery.js"></SCRIPT> <script> $('#i1').click(function () { //如果存在hide样式就删除,不存在就加上 $('.c1').toggleClass('hide'); }) </script> </body> </html>
样式样式:
addClass(class|fn)
removeClass([class|fn])
toggleClass(class|fn[,sw])
属性操作:
#专门用于做自定义属性
$('#i1').attr('id')#获取属性的值
$('#i1').attr('id','test')#设置属性的值
$('#i1').removeAttr('id')#删除属性
#专门用于chekbox,radio
$('#i1').prop('checkbox')#获取值
$('#i1').prop('checkbox',true)#设置值