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 相关文章推荐
js chrome浏览器判断代码
Mar 28 Javascript
JavaScript+CSS控制打印格式示例介绍
Jan 07 Javascript
JavaScript在for循环中绑定事件解决事件参数不同的情况
Jan 20 Javascript
jquery 无限级下拉菜单的简单实现代码
Feb 21 Javascript
js身份证判断方法支持15位和18位
Mar 18 Javascript
javascript根据时间生成m位随机数最大13位
Oct 30 Javascript
javascript动态创建表格及添加数据实例详解
May 13 Javascript
使用jquery获取url及url参数的简单实例
Jun 14 Javascript
jquery实现瀑布流效果 jquery下拉加载新数据
Dec 12 Javascript
干货!教大家如何选择Vue和React
Mar 13 Javascript
vue.js实现会动的简历(包含底部导航功能,编辑功能)
Apr 08 Javascript
Vue 动态添加路由及生成菜单的方法示例
Jun 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
大家在抢红包,程序员在研究红包算法
2015/08/31 PHP
window.open()弹出居中的窗口
2007/02/01 Javascript
js中function()使用方法
2013/12/24 Javascript
原生js的弹出层且其内的窗口居中
2014/05/14 Javascript
jQuery的remove()方法使用详解
2015/08/11 Javascript
根据user-agent判断蜘蛛代码黑帽跳转代码(js版与php版本)
2015/09/14 Javascript
javascript实现数字倒计时特效
2016/03/30 Javascript
jquery编写Tab选项卡滚动导航切换特效
2020/07/17 Javascript
Bootstrap每天必学之标签页(Tab)插件
2020/08/09 Javascript
JS实现搜索框文字可删除功能
2016/12/28 Javascript
jquery基于layui实现二级联动下拉选择(省份城市选择)
2017/06/20 jQuery
在 Vue 应用中使用 Netlify 表单功能的方法详解
2019/06/03 Javascript
前端开发基础javaScript的六大作用
2020/08/06 Javascript
vue中选中多个选项并且改变选中的样式的实例代码
2020/09/16 Javascript
python判断端口是否打开的实现代码
2013/02/10 Python
python中readline判断文件读取结束的方法
2014/11/08 Python
用map函数来完成Python并行任务的简单示例
2015/04/02 Python
python在不同层级目录import模块的方法
2016/01/31 Python
JPype实现在python中调用JAVA的实例
2017/07/19 Python
Python实现八皇后问题示例代码
2018/12/09 Python
python中break、continue 、exit() 、pass终止循环的区别详解
2019/07/08 Python
Python3使用PySynth制作音乐的方法
2019/09/09 Python
Python OpenCV图像指定区域裁剪的实现
2019/10/30 Python
CSS3的calc()做响应模式布局的实现方法
2017/09/06 HTML / CSS
animation和transition的区别
2020/10/12 HTML / CSS
医疗保健专业人士购物网站:Scrubs & Beyond
2017/02/08 全球购物
三字经教学反思
2014/04/26 职场文书
做一个有道德的人活动方案
2014/08/25 职场文书
关于工作时间玩手机的检讨书
2014/09/18 职场文书
2015年项目工作总结
2015/04/29 职场文书
工作收入证明范本
2015/06/12 职场文书
给校长的建议书作文400字
2015/09/14 职场文书
2016秋季小学开学寄语
2015/12/03 职场文书
2016年读书月活动总结范文
2016/04/06 职场文书
5行Python代码实现一键批量扣图
2021/06/29 Python
mysql查找连续出现n次以上的数字
2022/05/11 MySQL