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

复制代码 代码如下:

  <script type="text/javascript">

  $(function () {

  //当input获取焦点后将其兄弟标签label隐藏

  $("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>