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 相关文章推荐
Use Word to Search for Files
Jun 15 Javascript
jQuery解决iframe高度自适应代码
Dec 20 Javascript
广泛收集的jQuery拖放插件集合
Apr 09 Javascript
基于jQuery实现模拟页面加载进度条
Apr 01 Javascript
setTimeout和setInterval的深入理解
Nov 08 Javascript
利用js判断浏览器类型(是否为IE,Firefox,Opera浏览器)
Nov 22 Javascript
详解js图片轮播效果实现原理
Dec 17 Javascript
vue动画效果实现方法示例
Mar 18 Javascript
JS算法题之查找数字在数组中的索引位置
May 15 Javascript
详解vue父子组件状态同步的最佳方式
Sep 10 Javascript
详解如何使用React Hooks请求数据并渲染
Oct 18 Javascript
jquery实现广告上下滚动效果
Mar 04 jQuery
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把网页保存为word文件的三种方法
2014/04/01 PHP
php关联数组快速排序的方法
2015/04/17 PHP
php结合正则批量抓取网页中邮箱地址
2015/05/19 PHP
详解PHP+AJAX无刷新分页实现方法
2015/11/03 PHP
非常实用的php验证码类
2016/05/15 PHP
PHP获取用户客户端真实IP的解决方案
2016/10/10 PHP
PHP使用函数用法详解
2018/09/30 PHP
基于php+MySql实现学生信息管理系统实例
2020/08/04 PHP
php远程请求CURL实例教程(爬虫、保存登录状态)
2020/12/10 PHP
javascript instanceof 内部机制探析
2010/10/15 Javascript
script的async属性以非阻塞的模式加载脚本
2013/01/15 Javascript
js实现类似新浪微博首页内容渐显效果的方法
2015/04/10 Javascript
js仿QQ中对联系人向左滑动、滑出删除按钮的操作
2016/04/07 Javascript
JavaScript基础语法之js表达式
2016/06/07 Javascript
AngularJS中的表单简单入门
2016/07/28 Javascript
jquery.validate[.unobtrusive]和Bootstrap实现tooltip错误提示问题分析
2016/10/30 Javascript
微信小程序 空白页重定向解决办法
2017/06/27 Javascript
快速搭建React的环境步骤详解
2017/11/06 Javascript
jQuery.extend 与 jQuery.fn.extend的用法及区别实例分析
2018/07/25 jQuery
vue-cli 脚手架基于Nightwatch的端到端测试环境的过程
2018/09/30 Javascript
uni-app自定义导航栏按钮|uniapp仿微信顶部导航条功能
2019/11/12 Javascript
ES11新增的这9个新特性,你都掌握了吗
2020/10/15 Javascript
[55:45]DOTA2上海特级锦标赛D组败者赛 Liquid VS COL第一局
2016/02/28 DOTA
[02:03]永远的信仰DOTA2 中国军团历届国际邀请赛回顾
2016/06/26 DOTA
Python with用法实例
2015/04/14 Python
python中安装模块包版本冲突问题的解决
2017/05/02 Python
django限制匿名用户访问及重定向的方法实例
2018/02/07 Python
python实现傅里叶级数展开的实现
2018/07/21 Python
PyQt5组件读取参数的实例
2019/06/25 Python
pycharm使用技巧之自动调整代码格式总结
2020/11/04 Python
简单的JAVA编程面试题
2013/03/19 面试题
《夸父追日》教学反思
2014/02/26 职场文书
文案策划求职信
2014/04/14 职场文书
2014年文明创建工作总结
2014/11/25 职场文书
带你了解Java中的ForkJoin
2022/04/28 Java/Android
maven 解包依赖项中的文件的解决方法
2022/07/15 Java/Android