当前位置: 移动技术网 > IT编程>开发语言>JavaScript > Jquery显示、隐藏元素以及添加删除样式

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

2018年09月16日  | 移动技术网IT编程  | 我要评论
代码如下: <script type="text/javascript"> $(function () { //当input获取焦点后将其兄弟标签label隐藏 $

代码如下:


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

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网