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

2019-12-24,,,

复制代码 代码如下:
<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>

您可能感兴趣的文章:

  • 怎样判断jQuery当前元素是隐藏还是显示
  • jquery显示隐藏元素的实现代码
  • jQuery判断元素是否显示 是否隐藏的简单实现代码
  • jQuery控制元素显示、隐藏、切换、滑动的方法总结
  • JQuery显示隐藏页面元素的方法总结
  • jQuery元素的隐藏与显示实例
  • JS加jquery简单实现标签元素的显示或隐藏
  • Jquery显示和隐藏元素或设为只读(含Ligerui的控件禁用,实例说明介绍)
  • jQuery控制元素隐藏和显示

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

下载本文的Word格式文档,以方便收藏与打印。