教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 Jquery显示、隐藏元素以及添加删除样式

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

发布时间:2014-03-04   编辑:jiaochengji.com
显示、隐藏元素我们可以通过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 如何动态添加、删除class样式方法介绍
jQuery学习基础知识小结
jquery 动态添加、删除class样式的方法
JQuery 常用方法基础教程
jQuery 方法大全方便学习参考
jQuery学习笔记之jQuery的动画
JQuery 选择器、过滤器介绍
细说 jQuery 样式篇(一) – 样式的获取与设置
jquery常用技巧及常用方法列表集合

关键词: Jquery  显示元素  添加样式   
[关闭]
~ ~