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 相关文章推荐
(function($){...})(jQuery)的意思
Jul 22 Javascript
YUI Compressor压缩JavaScript原理及微优化
Jan 07 Javascript
项目中常用的JS方法整理
Jan 30 Javascript
jQuery功能函数详解
Feb 01 Javascript
jquery.Callbacks的实现详解
Nov 30 Javascript
bootstrap响应式表格实例详解
May 15 Javascript
AngularJs实现聊天列表实时刷新功能
Jun 15 Javascript
详解微信小程序 登录获取unionid
Jun 27 Javascript
Node.js 回调函数实例详解
Jul 06 Javascript
简单实现js鼠标跟随效果
Aug 02 Javascript
JS通过ajax + 多列布局 + 自动加载实现瀑布流效果
May 30 Javascript
vue-router中hash模式与history模式的区别
Jun 23 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
PHP扩展编写点滴 技巧收集
2010/03/09 PHP
PHP获取php,mysql,apche的版本信息示例代码
2014/01/16 PHP
[原创]PHP实现逐行删除文件右侧空格的方法
2015/12/25 PHP
php实现将数据做成json的格式给前端使用
2018/08/21 PHP
对联广告js flash激活
2006/10/19 Javascript
替代window.event.srcElement效果的可兼容性的函数
2009/12/18 Javascript
关于JavaScript的面向对象和继承有利新手学习
2013/01/11 Javascript
jquery选择器简述
2015/08/31 Javascript
JQuery日期插件datepicker的使用方法
2016/03/03 Javascript
基于jQuery实现表格的查看修改删除
2016/08/01 Javascript
JS调用Android、Ios原生控件
2017/01/06 Javascript
JS组件系列之MVVM组件 vue 30分钟搞定前端增删改查
2017/04/28 Javascript
js自定义Tab选项卡效果
2017/06/05 Javascript
在axios中使用params传参的时候传入数组的方法
2018/09/25 Javascript
JavaScript鼠标悬停事件用法解析
2020/05/15 Javascript
Vue.js中Line第三方登录api的实现代码
2020/06/29 Javascript
[45:59]EG vs OG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
跟老齐学Python之有容乃大的list(3)
2014/09/15 Python
python实现DES加密解密方法实例详解
2015/06/30 Python
python中模块查找的原理与方法详解
2017/08/11 Python
python+matplotlib实现鼠标移动三角形高亮及索引显示
2018/01/15 Python
Python获取昨天、今天、明天开始、结束时间戳的方法
2018/06/01 Python
python pyinstaller 加载ui路径方法
2019/06/10 Python
使用 CSS3 中@media 实现网页自适应的示例代码
2020/03/24 HTML / CSS
浅谈移动端网页图片预加载方案
2018/11/05 HTML / CSS
澳大利亚冲浪和时尚服装网上购物:SurfStitch
2017/07/29 全球购物
迪卡侬比利时官网:Decathlon比利时
2019/12/28 全球购物
参观监狱心得体会
2014/01/02 职场文书
关于旷工的检讨书
2014/02/02 职场文书
贷款担保申请书
2014/05/20 职场文书
工程承包协议书
2014/10/20 职场文书
2015年纪检监察工作总结
2015/04/08 职场文书
队名及霸气口号大全
2015/12/25 职场文书
2016年全国爱眼日宣传教育活动总结
2016/04/05 职场文书
PHP命令行与定时任务
2021/04/01 PHP
浅谈Python从全局与局部变量到装饰器的相关知识
2021/06/21 Python