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

更新时间：2013年08月09日 11:16:21 作者：

显示、隐藏元素我们可以通过css来实现；添加删除样式我们可以通过js或jquery来实现，下面为大家讲解的是使用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> 

您可能感兴趣的文章:

jQuery实现弹出带遮罩层的居中浮动窗口效果
这篇文章主要介绍了jQuery实现弹出带遮罩层的居中浮动窗口效果,涉及jQuery针对页面元素的运算与样式的动态修改相关技巧,需要的朋友可以参考下
2016-09-09
深入探秘jquery瀑布流的实现
瀑布流就是像瀑布一样的网站——丰富的网站内容，特别是绚美的图片会让你流连忘返。你在浏览网站的时候只需要轻轻滑动一下鼠标滚轮，一切的美妙的图片精彩便可呈现在你面前。瀑布流网站是新兴的一种网站模式——她的典型代表是pinterest、美丽说、蘑菇街这类型的网站。
2016-01-01
jtable列中自定义button示例代码
本文将为大家介绍下在jtable列中如何自定义button，下面有一个不错的示例，感兴趣的朋友可以参考下
2013-11-11
jQuery实现手机版页面翻页效果的简单实例
下面小编就为大家带来一篇jQuery实现手机版页面翻页效果的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-10-10
30个精美的jQuery幻灯片效果插件和教程
这篇文章与大家分享30个精美的的 jQuery 幻灯片效果插件和教程。您可能经常能看到一些网站上特色区域的内容以滚动方式变化
2011-08-08
Jquery操作Select 简单方便一个js插件搞定
Jquery其实本身可以操作select表单，但是由于比较反锁，没有.net 控件那样去操作方便，我在网上Google了一会，发现了一个不错的专门操作select的插件，很好，使用过了，感觉蛮不错的。
2009-11-11
JQuery给元素添加/删除节点比如select
本教程详细介绍下jQuery添加/删除Select的Option项，感兴趣的各位可以参考下哈
2013-04-04
实例讲解JQuery中this和$(this)区别
这篇文章主要介绍了实例讲解JQuery中this和$(this)的区别,this表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性和方法,$(this),代表的上下文对象是一个jquery的上下文对象,可以调用jquery的方法和属性值,需要的朋友可以参考下
2014-12-12
jQuery Validate插件自定义验证规则的方法
这篇文章主要介绍了jQuery Validate插件自定义验证规则的方法,f非常不错，具有参考借鉴价值，需要的朋友可以参考下
2016-12-12
JQuery each打印JS对象的方法
一个简单的JQuery each示例，使用each可以输出JS对象、json格式的数据，大家参考使用吧
2013-11-11