jQuery学习笔记之可见性过滤选择器
2015-02-01 16:01
701 查看
可见性过滤选择器是根据元素的可见和不可见状态来选择相应的元素。
显示隐藏的例子:
点击隐藏按钮,字会隐藏,再点击显示按钮就会显示。
其他:
关于 hide() 和 show() 的语法:
可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。
可选的 callback 参数是隐藏或显示完成后所执行的函数名称。
例如
隐藏的部分就会自上而下缓慢地出现
显示隐藏的例子:
<!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p:hidden").show(); }); }); </script> </head> <body> <p id="p1">如果点击“隐藏”按钮,我就会消失。</p> <button id="hide" type="button">隐藏</button> <button id="show" type="button">显示</button> </body> </html>
点击隐藏按钮,字会隐藏,再点击显示按钮就会显示。
其他:
关于 hide() 和 show() 的语法:
$(selector).hide(speed,callback); $(selector).show(speed,callback);
可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。
可选的 callback 参数是隐藏或显示完成后所执行的函数名称。
例如
$("p:hidden").show(3000);
隐藏的部分就会自上而下缓慢地出现
相关文章推荐
- JavaScript学习笔记8-jQuery内容过滤选择器、可见性过滤选择器深度解析
- 前端学习笔记-jquery-11-(过滤选择器)过滤器:可见性过滤器
- 一步一步学习 JQuery (三) 过滤选择器:基本过滤选择器 && 内容过滤选择器 && 可见性过滤选择器
- jQuery之过滤选择器学习笔记
- jQuery学习笔记(一)——基础选择器、过滤选择器、表单选择器
- JQuery学习笔记-基本过滤选择器
- 前端学习笔记-jquery-12-(过滤选择器)过滤器:子元素过滤器
- JQuery学习笔记-基本过滤选择器
- JavaScript学习笔记8-jQuery基本过滤选择器深度解析
- 前端学习笔记-jquery-10-(过滤选择器)过滤器:内容过滤器
- 【7】jQuery学习——入门jQuery选择器之过滤选择器-可见性过滤选择器
- JavaScript学习笔记8-jQuery属性过滤选择器、子元素过滤选择器深度解析
- jQuery 学习笔记之三 (jQuery 选择器)
- jQuery学习笔记之jQuery选择器的使用
- jQuery 学习笔记之四 (jQuery 选择器)
- jQuery(2-5)可见性过滤选择器
- jQuery学习笔记--jQuery选择器
- JQuery过滤选择器-可见性过滤选择器
- 带你学习Jquery(四):过滤选择器
- JQuery 选择器学习笔记