layui的form怎么隐藏

时间:2024-10-12 01:31:30

1、在HBuilderX工具新建的Web项目中,新建一个静态页面并引入jquery、layui相关的文件

layui的form怎么隐藏

2、在<body></body>标签中,插入一个form标签,敛财醣沁并插入两个input和两个button

layui的form怎么隐藏

3、保存代码并运行项目,打开浏览器可以查看到form表单效果

layui的form怎么隐藏

4、在form表单元素中,直接添加一个style属性,设置值为display:none

layui的form怎么隐藏

5、再次保存代码并刷新浏览器,可以发现表单元素被隐藏了

layui的form怎么隐藏

6、在jquery初始化函数中,使用类选择器,调用css()方法设置display为none

layui的form怎么隐藏

7、再次保存代码并刷新浏览器,发现form也被隐藏了,说明js方法和css样式效果一样

layui的form怎么隐藏
© 手抄报圈