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 相关文章推荐
子窗口、父窗口和Silverlight之间的相互调用
Aug 16 Javascript
基于jquery实现的一个选择中国大学的弹框 (数据、步骤、代码)
Jul 26 Javascript
Extjs中TabPane如何嵌套在其他网页中实现思路及代码
Jan 27 Javascript
写得不错的jquery table鼠标经过变色代码
Sep 27 Javascript
jquery实现鼠标拖动图片效果示例代码
Jan 09 Javascript
jQuery中ready事件用法实例
Jan 19 Javascript
js仿黑客帝国字母掉落效果代码分享
Nov 08 Javascript
jQuery dateRangePicker插件使用方法详解
Jul 28 jQuery
angularjs实现猜大小功能
Oct 23 Javascript
详解webpack 打包文件体积过大解决方案(code splitting)
Apr 10 Javascript
详解Vue路由自动注入实践
Apr 17 Javascript
详解vue-cli项目开发/生产环境代理实现跨域请求
Jul 23 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
php基础知识:类与对象(3) 构造函数和析构函数
2006/12/13 PHP
PHP+swoole实现简单多人在线聊天群发
2016/01/19 PHP
CI框架源码解读之URI.php中_fetch_uri_string()函数用法分析
2016/05/18 PHP
php大小写转换函数(strtolower、strtoupper)用法介绍
2017/11/17 PHP
PHP实现简单日历类编写
2020/08/28 PHP
jQuery调用WebService的实现代码
2011/06/19 Javascript
判断客户浏览器是否支持cookie的示例代码
2013/12/23 Javascript
jquery实现简易的移动端验证表单
2015/11/08 Javascript
超实用的JavaScript代码段 附使用方法
2016/05/22 Javascript
JS获取子窗口中返回的数据实现方法
2016/05/28 Javascript
js精准的倒计时函数分享
2016/06/29 Javascript
浅谈Javascript事件对象
2017/02/05 Javascript
基于Particles.js制作超炫粒子动态背景效果(仿知乎)
2017/09/13 Javascript
详解在vue-cli中使用路由
2017/09/25 Javascript
JavaScript实现短暂提示框功能
2018/04/04 Javascript
浅析Angular 实现一个repeat指令的方法
2019/07/21 Javascript
解决layui下拉框监听问题(监听不到值的变化)
2019/09/28 Javascript
swiper实现导航滚动效果
2020/12/13 Javascript
用Python制作检测Linux运行信息的工具的教程
2015/04/01 Python
python任务调度实例分析
2015/05/19 Python
详解Python的Django框架中inclusion_tag的使用
2015/07/21 Python
python处理csv中的空值方法
2018/06/22 Python
python3 flask实现文件上传功能
2020/03/20 Python
Python 中 function(#) (X)格式 和 (#)在Python3.*中的注意事项
2018/11/30 Python
python django 原生sql 获取数据的例子
2019/08/14 Python
python数据类型可变不可变知识点总结
2020/03/06 Python
django的autoreload机制实现
2020/06/03 Python
萨克斯第五大道精品百货店: Saks Fifth Avenue
2017/04/28 全球购物
UNIX特点都有哪些
2016/04/05 面试题
代办委托书怎样写
2014/04/08 职场文书
博士导师推荐信
2015/03/25 职场文书
车间质检员岗位职责
2015/04/08 职场文书
个人售房合同协议书
2016/03/21 职场文书
为什么MySQL 删除表数据 磁盘空间还一直被占用
2021/10/16 MySQL
《艾尔登法环》Boss腐烂树灵很有可能是《黑暗之魂3》的一个废案
2022/04/11 其他游戏
关于pytest结合csv模块实现csv格式的数据驱动问题
2022/05/30 Python