找到关于 JQuery 的 732 篇文章

如何创建一个自定义的 jQuery 插件?

Amit D
更新于 2020年6月12日 08:54:35

500 次浏览

要创建一个 jQuery 插件,首先创建一个名为 jquery-myplugin.js 的文件,其中包含以下代码。这是我们的插件代码。这里,myplugin 是我们插件的名称。(function ( $ ) {    $.fn.myplugin = function( options ) {       var web = $.extend({          name: 'tutorialspoint'       }, options );       return this.append('Website: ' + web.name + '.com');    }; }( jQuery ));现在,要加载它,请将其添加到 HTML 文件 new.html 中:$(document).ready(function() {    $('#myclass').myplugin(); });运行以上代码,您会看到文本可见,这表明您的自定义插件正常工作。

如何将简单的 jQuery 脚本添加到 WordPress?

Amit D
更新于 2019年12月4日 07:01:14

263 次浏览

WordPress 是一个开源 CMS,用于开发动态网站。让我们学习如何将 jQuery 脚本添加到 WordPress。在 WordPress 主题文件夹中,创建一个文件夹“js”,并在其中添加一个文件。该文件将是您的 Query 文件,扩展名为“.js”。将您的 jQuery 脚本添加到该文件中。我们将其命名为 new.js,这是您的 jQuery 脚本:jQuery(document).ready(function($) {   $('#nav a').last().addClass('last'); });打开您主题的 functions.php 文件。使用 wp_enqueue_script() 函数,以便您可以添加您的脚本。这是代码:add_action( 'wp_enqueue_scripts', 'add_my_script' ); function add_my_script() {    // 为您的脚本命名以附加其他脚本并取消注册,... 阅读更多

如何不指定任何元素就调用 jQuery 插件?

Amit D
更新于 2019年12月4日 07:02:17

218 次浏览

要不在指定任何元素的情况下调用 jQuery 插件,请使用 extend 方法。以下是一个代码片段,展示了如何在不指定任何元素的情况下调用 jQuery 插件:$.fn.extend({   myFunction1: function(){...} }); $.extend({   myFunction2: function(){...} });上面,您可以看到我们正在调用 myFunction1 和 myFunction2,而无需指定任何元素并使用 jQuery extend。

如何从外部调用 jQuery 插件内部的函数?

Amit D
更新于 2020年6月12日 07:19:19

738 次浏览

要从外部调用 jQuery 插件内部的函数,请尝试运行以下代码。该代码使用属性将名称更新为 jQuery 作为示例:实时演示                          $.fn.person = function(prop) {             var defaults = $.extend({                name: 'Amit'             }, prop);                 // 插件外部要使用的函数             var person = ... 阅读更多

如何在插件外部调用 jQuery 插件函数?

Amit D
更新于 2020年2月12日 10:31:35

341 次浏览

jQuery 是一个 JavaScript 库,旨在简化 JavaScript 开发。它减少了开发时间。让我们看看如何在插件外部调用 jQuery 插件函数。为了调用,请包装 jQuery 方法以返回构造函数的实例。在其上调用原型方法。示例$.fn.myFunction = function(config){     return new myFunction (config); };实例化插件并调用方法 −var plugin = $('#someSelector').myFunction(); plugin.setToken(column);

如何调用 jQuery 库函数?

David Meador
更新于 2020年6月12日 07:16:50

3K+ 次浏览

调用 JavaScript 库函数非常简单。您需要使用 script 标签。由于我们使用 jQuery 时所做的几乎所有操作都会读取或操作文档对象模型 (DOM),因此我们需要确保在 DOM 准备就绪后立即开始添加事件等。如果您希望页面上的事件起作用,则应在 $(document).ready() 函数内部调用它。其中的所有内容都将在 DOM 加载后以及页面内容加载之前加载。为此,我们为文档注册一个就绪事件,如下所示:$(document).ready(function() {    // ... 阅读更多

如何在 HTML 文件中包含基于 CDN 的 jQuery 版本?

Amit Diwan
更新于 2020年6月12日 07:15:34

495 次浏览

轻松地将 jQuery 库直接从内容交付网络 (CDN) 包含到您的 HTML 代码中。Google 和 Microsoft 为最新版本提供内容交付。您可以尝试运行以下代码以了解如何使用 Google CDN 获取 jQuery:示例实时演示           jQuery CDN                              $(document).ready(function(){             document.write("Tutorialspoint!");          });                         Hello        

如何在 Web 服务器上设置 jQuery?

David Meador
更新于 2019年12月4日 07:07:54

1K+ 次浏览

要在您的网页上运行 jQuery,请在成对的标签内添加库文件。jQuery 库文件的位置添加到标签下,这些标签指向 Web 服务器上 jQuery 库文件的位置。这是一个示例,Web 服务器上 jQuery 文件的位置应与您在 script 标签中添加的位置相同。即使您不想费心设置 jQuery,也可以使用 CDN。使用 Google CDN,将是一种更轻松的方式来包含 jQuery,而无需... 阅读更多

为什么我们使用 jQuery 而不是 JavaScript?

David Meador
更新于 2019年7月30日 22:30:20

2K+ 次浏览

jQuery 是一个 JavaScript 库,因此它在 JavaScript 之上运行。它本身无法存在,因此您不能使用一个而不用另一个。您可以只使用 JavaScript 或 JavaScript 和 jQuery。jQuery 的引入是为了简化 JavaScript 的开发。它将减少开发时间。使用它来为您的网站添加动画和事件处理。jQuery 简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互,从而实现快速 Web 开发。与 JavaScript 及其其他 JavaScript 库相比,jQuery 更易于使用。使用 jQuery 时,您需要编写更少的代码行,... 阅读更多

如何从本地机器链接 jQuery?

Alex Onsman
更新于 2020年6月12日 07:13:39

4K+ 次浏览

您可以使用 CDN 或通过在本地机器上下载来添加 jQuery。对于本地安装,请在您的本地机器上下载 jQuery 库,并将其包含在您的 HTML 代码中。以下是步骤:转到 jQuery 网站下载最新版本。现在将下载的 jquery-3.2.1.min.js 文件放在您网站的目录中,例如 /jquery。您可以尝试运行以下代码以了解如何从本地机器链接 jQuery:实时演示           jQuery 示例                    $(document).ready(function(){             document.write("Hello, World!");          });                                 Hello        

广告