Jquery显示、隐藏元素以及添加删除样式
2018-10-12 14:03
741 查看
<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中添加删除class类,并给class类添加样式
- 2015-07-23 JQuery第三课(JQuery元素:获取、添加、删除、设置、绑定、显示隐藏、回调函数、动画)
- 2015-07-22 JQuery 第二课(JQ元素获取,添加,删除,判断,遍历,取值,样式设置,改变对象,切换)
- .net添加前端样式和JS添加标签样式、以及div/a 标签的显示和隐藏
- <html5+css3+js>用javascript显示隐藏,添加,删除元素,css动画效果
- 2015.7.23 第十二课 课程重点(jq元素:获取、添加、删除、设置、绑定、显示隐藏、回调、动画)
- 关于用juery来隐藏标签以及添加样式等
- 页面样式,隐藏竖滚动条,修改下拉框placeholder样式,以及父元素清除浮动
- jquery隐藏显示元素
- C#入门学习-----选项卡(更改显示样式、动态添加/删除、获得名称)
- jQuery使用toggleClass方法动态添加删除Class样式的方法
- jQuery动态添加及删除表单上传元素的方法(附demo源码下载)
- jquery动态增加text元素以及删除文本内容实例代码
- Jquery显示和隐藏元素或设为只读(含Ligerui的控件禁用,实例说明介绍)
- jquery动态添加、删除class样式
- 导航栏操作——显示和隐藏列表并添加样式
- jquery动态添加以及遍历option并获取特定样式名称的option