使用jquery可见性过滤选择器
2016-05-27 22:14
549 查看
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>使用jquery可见性过滤选择器</title> <script src="jquery-1.8.0.js"></script> </head> <style type="text/css"> body{ font-size:12px; text-align;center; } div,span{ float:left; border:solid 1px red; margin:8px; width:65px; height:65px; } .GetFous{ border:solid 1px #666; background-color:#eee; } </style> <script type="text/javascript"> $(function(){ $("span:hidden").show(); $("div:visible").addClass("GetFous"); //增加所有可见元素的类别 }); /* $(function(){ $("span:hidden").show().addClass("GetFous"); $("div:visible").addClass("GetFous"); }); */ </script> <body> <span style="display:none;">Hiddin</span><!-- 不可见元素 --> <div>Visible</div><!-- 可见元素 --> </body> </html>
相关文章推荐
- 使用jquery内容过滤选择器
- 使用Jquery基本过滤选择器
- 使用Jquery层次选择器
- 使用Jquery基本选择器
- js、Jquery代码检测页面
- 使用JQuery实现隔行变色
- Jquery控制DOM对象
- jquery的链式写法
- JQuery开发4-当网页内容大于一页时提示返回顶部
- 读jQuery源码释疑笔记3
- jQuery工具方法
- jQuery实现3D幻灯片
- jQuery自定义函数
- jquery动画效果总结
- jquery的each()详细介绍
- 标准Jquery Ajax
- 使用jquery获取url以及jquery获取url参数的方法
- jQuery的deferred对象详解
- jquery选项卡切换
- JQ验证表单