在Layui中,通过CSS或JavaScript设置表单的display属性为none,即可实现form及其元素的隐藏。
1、 在HBuilderX中创建Web项目,新建静态页面,并导入jQuery与Layui相关资源文件。
2、 在页面主体内添加一个表单,包含两个输入框和两个按钮元素。
3、 保存代码后运行项目,浏览器中即可预览表单效果。
4、 在表单元素中添加 style 属性,将其值设为 display:none,可实现隐藏效果。
5、 保存代码后刷新页面,表单元素已不再显示。
6、 在jQuery初始化函数内,通过类选择器选中元素,并调用css方法将其display属性设置为none。
7、 再次保存代码并刷新页面,表单已隐藏,表明JS方法与CSS样式实现了相同效果。
