Jquery显示、隐藏元素以及添加删除样式
Jquery显示、隐藏元素以及添加删除样式
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:$(function(){//当input获取焦点后将其兄弟标签label隐藏$("input").focus(funct...

复制代码 代码如下:

<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>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类