jquery抓取网页内容(在本文中编写了我最喜欢的jQuery提示和技巧)

　　jquery抓取网页内容(在本文中编写了我最喜欢的jQuery提示和技巧)

　　如果您编写 Web 应用程序，您几乎肯定会使用 jQuery。构建响应式 网站 或应用程序，jQuery 可以提供很多帮助。事实上，它可以将整个用户体验提升到一个新的水平。在本文中，我整理了我最喜欢的 jQuery 提示和技巧，用于制作和增强响应式 网站

　　滚动到一个元素

　　无休止的滚动并不是一件有趣的事情。这就是设置滚动有效的原因，因为您的访问者不需要 10 分钟就能找到他们正在寻找的信息。

　　让我们从自动滚动开始：以下代码将滚动到页面上的特定元素：

　　现在，让我们设置一个用户将通过单击链接激活的滚动：

　　检查窗口大小

　　CSS 媒体查询允许您检测视口大小并根据视口宽度将不同的 CSS 样式应用于元素。

　　这也可以在 jQuery 中完成，这对于单独使用 CSS 无法实现的结果非常有用。以下示例显示如何检测视口宽度，然后将元素添加到列表中。

　　将导航菜单变成下拉菜单

　　当您的 网站 有许多菜单项时，在小屏幕上显示可能会很棘手。所以解决这个问题的一个简单方法是将导航转换为下拉菜单。

　　下面的代码：从导航中获取项目并将其附加到选择下拉列表中：

　　将高度/宽度的*敏*感*词*设置为“自动”

　　如果您尝试过使用 thing.animate({"height": "auto"}); 在一个元素上，您已经注意到它不起作用。令人高兴的是，有一个快速有效的解决方案来解决这个问题。

　　代码显示如下：

　　以及如何使用它：

　　延迟加载图片

　　延迟加载是一种强制页面仅加载客户端屏幕上可见的图像的技术。事实证明，它在提高 网站 加载速度方面非常有效，这对于用户体验和 SEO 非常重要。有许多 jQuery 插件专门设计用于在 网站 上实现延迟加载。如果您使用 WordPress，我绝对推荐这个。

　　至于 jQuery 的延迟加载插件，我已经在几个网站上使用过，简称为延迟加载。它的使用非常简单。第一步是将插件导入您的 HTML 页面：

　　现在 HTML 代码：默认情况下，延迟加载假定原创高分辨率图像的 URL 可以在 data-src 属性中找到。您还可以在 src 属性中收录可选的低分辨率占位符。

　　现在是时候激活延迟加载了。可以使用使用 HTML 的工厂方法初始化插件。如果您不传递任何设置或图像元素，它将延迟加载所有延迟加载类的图像。

　　确实有更多可用选项，因此您只需查看插件文档即可。