Jquery过滤器的使用

2024-11-03 12:47:31

1、hasClass() 判断当前节点是否有该样式，如果有则返回true，否则返回false. toggleClass(class|fn[,sw]) 样式切换，有则删，无则加。 f.3 attr() 可以通过该函数添加class属性以及style属性

2、<!DOCTYPE html><html><head><m髫潋啜缅eta charset="UTF-8"><title>Insert title here</title><script type="text/javascript" src="../JS/jquery.min.js"></script><style>.s1{background:red;}.s2{background:green;}

3、</style><script type="text/javascript" >$(function(){$('div').click(f2);})function f1(){var flag=$('div').hasClass('s1');if(flag){$('div').removeClass('s2');}else{$('div').addClass('s2');}

4、}function f2(){$('div').toggleClass('s2')}</script></head><body><div style='width:200px;height:200px;' class="s1">fa</div><a href="javascript:;" >单击</a></body></html>

5、$(function(){$('a').click(f1)挢旗扦渌;})function f1(){//alert($('#d1').attr('style'));//$('#d1').attr('class','s2')$('#d1').attr('class',function(){return 's2';})}function f2(){$('#d1').removeAttr('class')}

6、<body><div id="d1" style="color: red" class="s1">我是一个DIV</div><a href="javascript:;" >单击</a></body>