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 相关文章推荐
JQuery Tips(3) 关于$()包装集内元素的改变
Dec 14 Javascript
Extjs4 GridPanel的主要配置参数详细介绍
Apr 18 Javascript
jQuery中innerWidth()方法用法实例
Jan 19 Javascript
jquery 根据name名获取元素的value值
Feb 27 Javascript
js canvas实现擦除动画
Jul 16 Javascript
JS作用域链详解
Jun 26 Javascript
解决ztree搜索中多级菜单展示不全问题
Jul 05 Javascript
AngularJS学习笔记之表单验证功能实例详解
Jul 06 Javascript
Angular4学习笔记之新建项目的方法
Jul 18 Javascript
实例讲解Vue.js中router传参
Apr 22 Javascript
vue中vee validate表单校验的几种基本使用
Jun 25 Javascript
一文搞懂ES6中的Map和Set
May 20 Javascript
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
web方式ftp
2006/10/09 PHP
使用sockets:从新闻组中获取文章(三)
2006/10/09 PHP
php简单分页类实现方法
2015/02/26 PHP
PHP实现的简单对称加密与解密方法实例小结
2017/08/28 PHP
Laravel中为什么不使用blpop取队列详析
2018/08/01 PHP
让图片旋转任意角度及JQuery插件使用介绍
2013/03/20 Javascript
javascipt基础内容--需要注意的细节
2013/04/10 Javascript
javascript 函数声明与函数表达式的区别介绍
2013/10/05 Javascript
jQuery插件boxScroll实现图片轮播特效
2015/07/14 Javascript
微信小程序 网络API Websocket详解
2016/11/09 Javascript
JavaScript 中 apply 、call 的详解
2017/03/21 Javascript
layui分页效果实现代码
2017/05/19 Javascript
jQuery插件imgAreaSelect基础讲解
2017/05/26 jQuery
JS实现加载时锁定HTML页面元素的方法
2017/06/24 Javascript
基于vue-cli配置lib-flexible + rem实现移动端自适应
2017/12/26 Javascript
React手稿之 React-Saga的详解
2018/11/12 Javascript
JavaScript遍历查找数组中最大值与最小值的方法示例
2019/05/24 Javascript
Nodejs实现WebSocket代码实例
2020/05/19 NodeJs
Vue自定义全局弹窗组件操作
2020/08/11 Javascript
js节流防抖应用场景,以及在vue中节流防抖的具体实现操作
2020/09/21 Javascript
详解Python中的Descriptor描述符类
2016/06/14 Python
Python的Tornado框架实现异步非阻塞访问数据库的示例
2016/06/30 Python
python中的二维列表实例详解
2018/06/19 Python
Ubuntu下升级 python3.7.1流程备忘(推荐)
2018/12/10 Python
4款Python 类型检查工具,你选择哪个呢?
2020/10/30 Python
div或img图片高度随宽度自适应的方法
2020/02/06 HTML / CSS
世界上最大的餐具公司:Oneida
2016/12/17 全球购物
FLIR美国官网:热成像, 夜视和红外摄像系统
2018/07/13 全球购物
加油口号大全
2014/06/13 职场文书
内科护士节演讲稿
2014/09/11 职场文书
缓刑人员思想汇报500字
2014/09/12 职场文书
大学运动会加油稿200字(5篇)
2014/09/27 职场文书
优秀共产党员推荐材料
2014/12/18 职场文书
Python爬虫中urllib3与urllib的区别是什么
2021/07/21 Python
Pandas数据结构之Series的使用
2022/03/31 Python
MYSQL如何查看操作日志详解
2022/05/30 MySQL