页面元素隐藏与显示
来源:互联网 发布:电驴连接不上kad网络 编辑:程序博客网 时间:2024/05/16 01:33
- 页面元素隐藏与显示
- 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上起作用;
阅读全文
0 0
- 页面元素隐藏与显示
- 显示或隐藏页面元素
- 页面元素隐藏和显示
- jquery显示隐藏页面元素
- javascript控制页面元素的显示与隐藏
- 元素的隐藏与显示
- HTML元素显示与隐藏
- HTML元素显示与隐藏
- 元素的显示与隐藏
- JavaScript中显示隐藏页面元素
- JavaScript控制页面元素显示隐藏
- JavaScript控制页面元素显示隐藏
- jquery中显示与隐藏元素代码
- jQuery判断元素是否显示与隐藏
- jquery实现元素的隐藏与显示
- 文档元素的隐藏与显示
- html的元素隐藏与显示
- JavaScript实现页面元素显示/隐藏的功能
- Spring Cloud分布式微服务架构图
- 内核对象命名空间(Kernel object namespace)
- 什么是git?
- Linux Sort,uniq,cut, wc,less
- (Android)react-native-wechat组件的使用总结(重点微信支付)
- 页面元素隐藏与显示
- Linux串口设置参数
- 『0009』
- linux误删误改系统文件导致系统无法启动急救方法
- 关于上传按钮丑,要替换样式的一个简单方法
- 一元多项式的乘法与加法运算(20 分)
- js将字符串转换成对象和数组
- 熵与信息增益随记
- <包法利夫人>读后感