```

代码中的 src 属性指定了 jQuery 库的位置。在这个例子中，该库来自于 jsdelivr，它是一个流行的开源库 CDN。

利用 jQuery 改变页面元素

jQuery 的最大优势之一是用它可以方便地对 HTML 元素进行操作。这里是一些主要的例子：

选取元素

要选择特定的元素，您可以使用 jQuery 选择器功能。例如，如果您想选择具有 class 为 "example" 的所有元素，可以使用以下代码：

```

$('.example')

```

改变元素样式

使用 jQuery，您可以轻松更改选定元素的样式。例如，以下代码可以更改标题元素的背景颜色：

```

$('h1').css('background-color', 'red');

```

添加元素

使用 jQuery，您可以向网页中添加新元素。例如，以下代码可以添加一个新段落元素：

```

$('body').append('新段落');

```

删除元素

使用 jQuery，您可以轻松删除网页中的元素。例如，以下代码可以删除所有具有 "delete-me" class 的元素：

```

$('.delete-me').remove();

```

掌握 jQuery 初步技巧

掌握 jQuery 的基础知识后，您可以使用以下技巧将其发挥到极致：

使用链式方法

jQuery 允许您使用链式方法。在代码中，您可以使用多个方法连接。例如，以下代码可以选择所有具有 "example" class 的元素，并更改它们的背景颜色和字体颜色：

```

$('.example').css('background-color', 'red').css('color', 'white');

```

使用事件处理程序

使用事件处理程序，您可以在用户执行某些操作时运行代码。例如，以下代码将在单击元素时向控制台显示消息：

```

$('button').click(function(){

console.log('按钮被点击了');

});

```

使用延迟

通过使用延迟，您可以让代码以指定的时间间隔延迟运行。以下代码在单击按钮后延迟 3 秒钟显示提示消息：

```

$('button').click(function(){

setTimeout(function(){

alert('3 秒已过');

}, 3000);

});

```

jQuery 是一种非常有用的工具，可以帮助开发人员更快、更轻松地操作网页元素。本文介绍了一些 jQuery 的主要功能，以及如何使用它来更改元素样式、添加和删除元素以及使用一些实用技巧。如果您还没有尝试过 jQuery，那么现在就是时候了。

` content = content.indexOf('') > 0 ? content.replace('', `${viewstyle}`) : `${content}${viewstyle}` const iframe = document.querySelector('#viewcontent') const viewdoc = iframe.contentDocument viewdoc.open() viewdoc.write(content) viewdoc.close() iframe.height = viewdoc.body.scrollHeight + 20 })