页面元素隐藏与显示
2017-11-01 09:45
204 查看
页面元素隐藏与显示
jquery 的toggle方法
jquery的hide方法和show方法
jquery控制css
要实现显示隐藏的话,就直接$(selector).toggle();
如果你选择的元素是显示的就会隐藏的,你选择的元素是隐藏的就会显示的;
参数可以不填,speed表示你执行该操作想多久,callback:是一个回调函数,表示隐藏(显示)完成后.你还想干什么;
注意:输入callback参数就一定要speed参数;
显示语法:
注:
所有主流浏览器都支持 display 属性。Internet Explorer 8 (以及更高版本)支持属性值 “inline-table”、”run-in”、”table”、”table-caption”、”table-cell”、”table-column”、”table-column-group”、”table-row”、”table-row-group”、以及 “inherit”。
关于这些方法在pc(电脑)和移动端(手机)使用区别
前面两个不支持H5新特性(我遇到过这个问题)….页面在手机上显示不起作用,如果在做手机上的页面的话,建议用css来控制;
这三个都能在pc上起作用;
jquery 的toggle方法
jquery的hide方法和show方法
jquery控制css
页面元素隐藏与显示
关于页面元素的隐藏在pc上展示的页面上,我在这里提供三种方法:jquery 的toggle()方法
toggle的语法:$(selector).toggle(function1(),function2(),functionN(),...)
要实现显示隐藏的话,就直接$(selector).toggle();
如果你选择的元素是显示的就会隐藏的,你选择的元素是隐藏的就会显示的;
jquery的hide()方法和show()方法;
语法:$(selector).hide(speed,callback) $(selector).show(speed,callback)
参数可以不填,speed表示你执行该操作想多久,callback:是一个回调函数,表示隐藏(显示)完成后.你还想干什么;
注意:输入callback参数就一定要speed参数;
jquery控制css
隐藏语法:$(selector).css("display","none");
显示语法:
$(selector).css("display","list-item"); $(selector).css("display","inline"); ...
注:
所有主流浏览器都支持 display 属性。Internet Explorer 8 (以及更高版本)支持属性值 “inline-table”、”run-in”、”table”、”table-caption”、”table-cell”、”table-column”、”table-column-group”、”table-row”、”table-row-group”、以及 “inherit”。
关于这些方法在pc(电脑)和移动端(手机)使用区别
前面两个不支持H5新特性(我遇到过这个问题)….页面在手机上显示不起作用,如果在做手机上的页面的话,建议用css来控制;
这三个都能在pc上起作用;
相关文章推荐
- JavaScript网站设计实践(四)编写about.html页面,利用JavaScript和DOM,选择性的显示和隐藏DIV元素
- 如何依照自己的意愿隐藏和显示页面上的元素
- 控制页面元素的显示和隐藏
- JQuery显示隐藏页面元素的方法总结
- 页面元素隐藏和显示
- JavaScript实现页面元素显示/隐藏的功能
- JavaScript网站设计实践(四)编写about.html页面,利用JavaScript和DOM,选择性的显示和隐藏DIV元素
- JS实现随页面滚动显示/隐藏窗口固定位置元素
- [知识点滴]HTML页面元素显示&隐藏方式及区别
- 如何利用js 控制 页面元素的隐藏显示
- JS实现随页面滚动显示/隐藏窗口固定位置元素
- js隐藏/显示页面元素的两种方法
- javascript 控制 页面元素 显示/隐藏
- javascript控制页面元素的显示与隐藏
- 显示或隐藏页面元素
- JavaScript控制页面元素显示隐藏
- 随页面滚动显示/隐藏窗口固定位置元素
- 微信小程序 —— 动态决定页面元素显示或隐藏的技巧
- JavaScript中显示隐藏页面元素
- 页面滚动显示或隐藏元素Headroom.js插件帮助你实现滚动效果