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


Posted in Javascript onAugust 09, 2013
<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 相关文章推荐
BootStrap Tooltip插件源码解析
Dec 27 Javascript
angular分页指令操作
Jan 09 Javascript
JS Select下拉框(支持输入模糊查询)
Feb 04 Javascript
微信小程序中实现手指缩放图片的示例代码
Mar 13 Javascript
微信小程序左滑动显示菜单功能的实现
Jun 14 Javascript
webpack手动配置React开发环境的步骤
Jul 02 Javascript
微信小程序使用蓝牙小插件
Sep 23 Javascript
layui表格设计以及数据初始化详解
Oct 26 Javascript
在vue中利用全局路由钩子给url统一添加公共参数的例子
Nov 01 Javascript
Nuxt默认模板、默认布局和自定义错误页面的实现
May 11 Javascript
react使用antd的上传组件实现文件表单一起提交功能(完整代码)
Jun 29 Javascript
Element-ui Layout布局(Row和Col组件)的实现
Dec 06 Vue.js
jquery实现文字由下到上循环滚动的实例代码
Aug 09 #Javascript
jquery 实现上下滚动效果示例代码
Aug 09 #Javascript
15条JavaScript最佳实践小结
Aug 09 #Javascript
web网页按比例显示图片实现原理及js代码
Aug 09 #Javascript
html向js方法传递参数具体实现
Aug 08 #Javascript
js获取控件位置以及不同浏览器中的差别介绍
Aug 08 #Javascript
用JavaScript计算在UTF-8下存储字符串占用字节数
Aug 08 #Javascript
You might like
Win9x/ME下Apache+PHP安装配置
2006/10/09 PHP
在php中判断一个请求是ajax请求还是普通请求的方法
2011/06/28 PHP
PHP 登录完成后如何跳转上一访问页面
2014/01/14 PHP
编译PHP报错configure error Cannot find libmysqlclient under usr的解决方法
2014/06/27 PHP
Yii2中添加全局函数的方法分析
2017/05/04 PHP
QQ邮箱的一个文本编辑器代码
2007/03/14 Javascript
javascript返回顶部效果(自写代码)
2013/01/06 Javascript
js异常捕获方法介绍
2013/04/10 Javascript
jquery 实现密码框的显示与隐藏示例代码
2013/09/18 Javascript
用jquery实现的一个超级简单的下拉菜单
2014/05/18 Javascript
javascript+ajax实现产品页面加载信息
2015/07/09 Javascript
js贪吃蛇网页版游戏特效代码分享(挑战十关)
2015/08/24 Javascript
iframe中使用jquery进行查找的方法【案例分析】
2016/06/17 Javascript
jquery轮播的实现方式 附完整实例
2016/07/28 Javascript
获取IE浏览器Cookie信息的方法
2017/01/23 Javascript
全站最详细的Vuex教程
2018/04/13 Javascript
vue组件间通信六种方式(总结篇)
2019/05/15 Javascript
vue中jsonp插件的使用方法示例
2020/09/10 Javascript
Python HTML解析模块HTMLParser用法分析【爬虫工具】
2019/04/05 Python
10分钟用python搭建一个超好用的CMDB系统
2019/07/17 Python
Django ORM多对多查询方法(自定义第三张表&amp;ManyToManyField)
2019/08/09 Python
Python 类方法和实例方法(@classmethod),静态方法(@staticmethod)原理与用法分析
2019/09/20 Python
Python WebSocket长连接心跳与短连接的示例
2020/11/24 Python
Yahoo-PHP面试题4
2012/05/05 面试题
实现strstr功能,即在父串中寻找子串首次出现的位置
2016/08/05 面试题
测绘工程个人的自我评价
2013/11/23 职场文书
餐饮业会计岗位职责
2013/12/19 职场文书
长安大学毕业生自我鉴定
2014/01/17 职场文书
旷课检讨书3000字
2014/02/04 职场文书
教师自我鉴定范文
2014/03/20 职场文书
习总书记三严三实学习心得体会
2014/10/13 职场文书
2014年科研工作总结
2014/12/03 职场文书
心灵捕手观后感
2015/06/02 职场文书
培训后的感想
2015/08/07 职场文书
分析MySQL抛出异常的几种常见解决方式
2021/05/18 MySQL
一篇文章弄懂Python关键字、标识符和变量
2021/07/15 Python