jquery 本页面打开链接

基础概念

jQuery 是一个快速、小巧且功能丰富的 JavaScript 库，它简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。jQuery 的目标是“写得更少，做得更多”。

类型

选择器：用于选择页面上的元素。
方法：用于操作选中的元素，如 .html(), .css(), .append() 等。
事件：用于绑定和处理事件，如 .click(), .hover() 等。
动画：用于创建动画效果，如 .fadeIn(), .slideUp() 等。
Ajax：用于与服务器进行异步通信。

应用场景

动态网页：通过 jQuery 可以轻松实现页面元素的动态更新和交互。
表单验证：可以使用 jQuery 进行客户端表单验证。
图片轮播：实现图片的自动切换和手动切换。
数据可视化：结合其他库（如 Chart.js）实现数据的可视化展示。

示例代码：本页面打开链接

假设我们有一个链接，点击后希望在当前页面打开一个新的标签页：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jQuery 打开链接示例</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <a href="https://www.example.com" id="myLink">点击这里打开链接</a>

    <script>
        $(document).ready(function() {
            $('#myLink').click(function(event) {
                event.preventDefault(); // 阻止默认行为
                window.open($(this).attr('href'), '_blank'); // 在新标签页中打开链接
            });
        });
    </script>
</body>
</html>