<delect id="qs4ss"></delect>

jQuery插件的使用

更新時(shí)間：2021-09-01 10:34:35 來(lái)源：動(dòng)力節(jié)點(diǎn) 瀏覽1161次

如何使用插件

為了使我們可以使用插件的方法，我們?cè)谖臋n的中包含了與jQuery庫(kù)文件非常相似的插件文件。

我們必須確保它出現(xiàn)在主jQuery源文件之后，以及我們的自定義JavaScript代碼之前。

以下示例顯示了如何包含jquery.plug-in.js插件

<html>
   <head>
      <title>The jQuery Example</title>		
      <script type = "text/javascript" 
         src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>
      <script src = "jquery.plug-in.js" type = "text/javascript"></script>
      <script src = "custom.js" type = "text/javascript"></script>      
      <script type = "text/javascript" language = "javascript">
         $(document).ready(function() {
            .......your custom code.....
         });
      </script>
   </head>	
   <body>
      .............................
   </body>
</html>

如何開發(fā)插件

這樣自己寫插件就很簡(jiǎn)單了。以下是創(chuàng)建 aa 方法的語(yǔ)法

jQuery.fn.methodName = methodDefinition;

這里methodNameM是新方法的名稱，methodDefinition是實(shí)際的方法定義。

jQuery 團(tuán)隊(duì)推薦的指南如下

您附加的任何方法或函數(shù)都必須以分號(hào) (;) 結(jié)尾。

您的方法必須返回 jQuery 對(duì)象，除非另有明確說明。

您應(yīng)該使用 this.each 來(lái)迭代當(dāng)前匹配的元素集 - 它會(huì)以這種方式生成干凈且兼容的代碼。

使用 jquery 作為文件名的前綴，然后使用插件的名稱并以 .js 結(jié)尾。

始終將插件直接附加到 jQuery 而不是 $，因此用戶可以通過 noConflict() 方法使用自定義別名。

例如，如果我們編寫了一個(gè)插件，我們想命名為debug，這個(gè)插件的 JavaScript 文件名是 -

jquery.debug.js

jquery的使用。前綴消除了與用于其他庫(kù)的文件的任何可能的名稱沖突。

例子

以下是一個(gè)小插件，具有用于調(diào)試目的的警告方法。將此代碼保存在jquery.debug.js文件中 -

jQuery.fn.warning = function() {
   return this.each(function() {
      alert('Tag Name:"' + $(this).prop("tagName") + '".');
   });
};

這是顯示warning() 方法用法的示例。假設(shè)我們將jquery.debug.js文件放在 html 頁(yè)面的同一目錄中。

<html>
   <head>
      <title>The jQuery Example</title>		
      <script type = "text/javascript" 
         src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>		
      <script src = "jquery.debug.js" type = "text/javascript">
      </script>
      <script type = "text/javascript" language = "javascript">
         $(document).ready(function() {
            $("div").warning();
            $("p").warning();
         });
      </script>	
   </head>	
   <body>
      <p>This is paragraph</p>
      <div>This is division</div>
   </body>
</html>

這會(huì)提醒您以下結(jié)果

This is paragraph
This is division

以上就是動(dòng)力節(jié)點(diǎn)小編介紹的"jQuery插件的使用"，希望對(duì)大家有幫助，想了解更多可查看 jQuery教程。動(dòng)力節(jié)點(diǎn)在線學(xué)習(xí)教程，針對(duì)沒有任何Java基礎(chǔ)的讀者學(xué)習(xí),讓你從入門到精通,主要介紹了一些Java基礎(chǔ)的核心知識(shí)，讓同學(xué)們更好更方便的學(xué)習(xí)和了解Java編程，感興趣的同學(xué)可以關(guān)注一下。

jQuery教程

上一篇使用AJAX驗(yàn)證表單下一篇jQuery滾動(dòng)條監(jiān)聽事件

相關(guān)閱讀

大战熟女丰满人妻av-荡女精品导航-岛国aaaa级午夜福利片-岛国av动作片在线观看-岛国av无码免费无禁网站-岛国大片激情做爰视频

jQuery插件的使用

如何使用插件

如何開發(fā)插件

例子

JVM

多線程下載器項(xiàng)目實(shí)戰(zhàn)

Java日志框架全集（選學(xué)）

高并發(fā)解決方案（選學(xué)）

零基礎(chǔ)能學(xué)Java嗎？

零基礎(chǔ)能學(xué)Java嗎？

零基礎(chǔ)能學(xué)Java嗎？

關(guān)于我們

課程中心

在線課程

資料廣場(chǎng)

全國(guó)免費(fèi)電話