1、打开Visual Studio(本文中使用);2.打开左上角“文件”菜单,点击“新建”,然后点击“文件”选项。
2、在弹出的文件窗口中,选中“Html页”;2.点击“打开”按钮,然后会创建一个“Html网页”,如图:
3、引用Jquery框架;2.编写相应的测试使用的DOM元素代码,如需要用到的按钮以及一些用于显示隐藏的元素;3.编写相应的JS代码。所有完成的代码,如图:
4、点击“保存”按钮;2.选择保存位置,然后点击“保存”。
5、龅歧仲半打开所保存的“HTMLPage1.html”;2.点击网页中的“隐藏元素”按钮,界面中的“<h1>-<h6>讵畿缤耒会被隐藏”;3.点击网页中的“显示元素”按钮,界面中的“<h1>-<h6>会显示出来”。
6、至此,使用Jquery来显示或隐藏网页上的DOM元素功能就完成了,大家觉得有用就点赞吧。