Jquery显示、隐藏元素以及添加删除样式

显示、隐藏元素可以通过css来实现；添加删除样式可以通过js或jquery来实现。
这里介绍下jquery实现元素的显示隐藏及样式的添加与删除。
代码：

<script type="text/javascript"> $(function () { //当input获取焦点后将其兄弟标签label隐藏 //by www.jbxue.com$("input").focus(function () { $(this).siblings("label").hide(); }); }); $(function () { //input元素失去焦点 $("input").blur(function () { //input兄弟元素label隐藏 $(this).siblings("label").hide(); //当input的值为""显示其兄弟标签label if ($(this).val() == "") { $(this).siblings("label").show(); } }); }); $(function(){ //判断li标签是否有一个span标签 if($("li").is(":has(span)")) { //当li的值为""时删除它的class样式active if($(this).val()=="" ) { $(this).removeClass(".active"); } }}); </script>