jquery 收藏本站代码

基础概念

jQuery 是一个快速、小巧且功能丰富的 JavaScript 库，它简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。通过 jQuery，开发者可以更简洁地编写 JavaScript 代码。

类型

jQuery 代码可以分为以下几类：

DOM 操作：选择、创建、修改和删除 DOM 元素。
事件处理：绑定和处理各种事件，如点击、滚动等。
动画效果：实现元素的淡入淡出、滑动等动画效果。
Ajax 交互：与服务器进行异步数据交换。

应用场景

jQuery 广泛应用于各种 Web 开发场景，包括但不限于：

网页交互：实现复杂的用户交互效果。
表单验证：在客户端进行表单数据的验证。
动态内容加载：通过 Ajax 动态加载页面内容。
插件开发：开发各种实用的 jQuery 插件。

示例代码：收藏本站

以下是一个简单的 jQuery 代码示例，用于实现“收藏本站”的功能：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>收藏本站</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <button id="favoriteBtn">收藏本站</button>

    <script>
        $(document).ready(function() {
            $('#favoriteBtn').click(function() {
                if (window.sidebar && window.sidebar.addPanel) { // Firefox
                    window.sidebar.addPanel(document.title, window.location.href, "");
                } else if (window.external && ('AddFavorite' in window.external)) { // Internet Explorer
                    window.external.AddFavorite(location.href, document.title);
                } else if (window.opera && window.print) { // Opera
                    this.title = document.title;
                    return true;
                } else { // Other browsers (Chrome, Safari)
                    alert('请按 Ctrl+D 手动收藏本站');
                }
            });
        });
    </script>
</body>
</html>