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(); });執行以上程式碼,您會看到文字可見,這表明您的自定義外掛工作正常。
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() { // 為您的指令碼命名以附加其他指令碼並取消註冊,... 閱讀更多
218 次瀏覽
要呼叫 jQuery 外掛而不指定任何元素,請使用 extend 方法。以下是一個程式碼片段,展示瞭如何不指定任何元素就呼叫 jQuery 外掛:$.fn.extend({ myFunction1: function(){...} }); $.extend({ myFunction2: function(){...} });在上面,您可以看到我們正在呼叫 myFunction1 和 myFunction2 而不指定任何元素並使用 jQuery extend。
739 次瀏覽
要從外部呼叫 jQuery 外掛中的函式,請嘗試執行以下程式碼。該程式碼使用屬性將名稱更新為 jQuery 作為示例:即時演示 $.fn.person = function(prop) { var defaults = $.extend({ name: 'Amit' }, prop); // 在外掛外部使用的函式 var person = ... 閱讀更多
341 次瀏覽
jQuery 是一個 JavaScript 庫,旨在使 JavaScript 的開發更容易。它減少了開發時間。讓我們看看如何在外掛外部呼叫 jQuery 外掛函式。對於呼叫,包裝 jQuery 方法以返回建構函式的例項。在其上呼叫原型方法。例如$.fn.myFunction = function(config){ return new myFunction (config); };例項化外掛並呼叫方法 −var plugin = $('#someSelector').myFunction(); plugin.setToken(column);
3K+ 次瀏覽
呼叫 JavaScript 庫函式非常簡單。您需要使用 script 標籤。由於我們使用 jQuery 時所做的大部分操作都是讀取或操作文件物件模型 (DOM),因此我們需要確保在 DOM 準備好後立即開始新增事件等。如果希望頁面上的某個事件生效,則應在 $(document).ready() 函式內呼叫它。其中的所有內容都將在 DOM 載入後且頁面內容載入之前載入。為此,我們為文件註冊一個就緒事件,如下所示:$(document).ready(function() { // ... 閱讀更多
495 次瀏覽
輕鬆地將 jQuery 庫直接從內容交付網路 (CDN) 嵌入到您的 HTML 程式碼中。Google 和 Microsoft 為最新版本提供內容交付。您可以嘗試執行以下程式碼來了解如何使用 Google CDN 獲取 jQuery:示例即時演示 jQuery CDN $(document).ready(function(){ document.write("Tutorialspoint!"); }); Hello
1K+ 次瀏覽
要在您的網頁上執行 jQuery,請在標籤對內新增庫檔案。jQuery 庫檔案的路徑新增到標籤下,這些標籤指向 Web 伺服器上 jQuery 庫檔案的位置。這是一個示例,Web 伺服器上 jQuery 檔案的位置應與您在 script 標籤中新增的位置相同。即使您不想費心設定 jQuery,也可以使用 CDN。使用 Google CDN,將是一種更輕鬆的方式來包含 jQuery,而無需... 閱讀更多
2K+ 次瀏覽
jQuery 是一個 JavaScript 庫,因此它執行在 JavaScript 之上。它不能獨立存在,因此您不能使用一個而不用另一個。您可以只使用 JavaScript 或 JavaScript 和 jQuery。jQuery 的引入是為了使 JavaScript 的開發更容易。它將減少開發時間。使用它為您的網站新增動畫和事件處理。jQuery 簡化了 HTML 文件遍歷、事件處理、動畫和 Ajax 互動,從而實現快速 Web 開發。與 JavaScript 及其其他 JavaScript 庫相比,jQuery 更易於使用。使用 jQuery 時,您需要編寫的程式碼行更少,... 閱讀更多
4K+ 次瀏覽
您可以使用 CDN 或透過在本地機器上下載來新增 jQuery。對於本地安裝,請在您的本地機器上下載 jQuery 庫,並將其包含在您的 HTML 程式碼中。以下步驟:訪問 jQuery 網站下載最新版本。現在將下載的 jquery-3.2.1.min.js 檔案放在您網站的某個目錄中,例如 /jquery。您可以嘗試執行以下程式碼來了解如何從本地機器連結 jQuery:即時演示 jQuery 示例 $(document).ready(function(){ document.write("Hello, World!"); }); Hello