假设我们给出了一个 HTML 文档,任务是在 jQuery 的帮助下在移动视图中隐藏一个 HTML 元素。
方法:
- 最初,我们需要检测我们的系统是否为“移动”,为此 使用 window.navigator.userAgent属性。它返回一个字符串,其中包含有关浏览器名称、版本和平台的信息。因此,使用此字符串我们可以检测我们的系统。
- 为了隐藏 HTML 元素,使用了hide()方法。
- 在这里,在我们的代码中,我们将在移动视图中隐藏表格的一列。在表格的桌面视图中,我们有四个不同的列,表格标题分别为GFG UserHandle、Practice Problems、Coding Score和 GFG Articles。
- 在移动视图中,我们将通过使用元素的类名获取元素来隐藏练习问题列。
实现代码:
html
GFG User Details
GeeksForGeeks
GFG UserHandle
Practice Problems
Coding Score
GFG Articles
User-1
150
100
30
User-2
100
75
30
User-3
200
50
10
User-4
50
5
2
User-5
0
0
0
输出:
桌面视图:
移动端视图:移动端视图中,练习题栏已成功。