專注Java教育14年
全國咨詢/投訴熱線：400-8080-105
更新時間：2021-09-01 10:34:35 來源：動力節(jié)點 瀏覽1328次
為了使我們可以使用插件的方法，我們在文檔的 中包含了與jQuery庫文件非常相似的插件文件。
我們必須確保它出現(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>
這樣自己寫插件就很簡單了。以下是創(chuàng)建 aa 方法的語法
jQuery.fn.methodName = methodDefinition;
這里methodNameM是新方法的名稱，methodDefinition是實際的方法定義。
jQuery 團隊推薦的指南如下
您附加的任何方法或函數(shù)都必須以分號 (;) 結(jié)尾。
您的方法必須返回 jQuery 對象，除非另有明確說明。
您應(yīng)該使用 this.each 來迭代當前匹配的元素集 - 它會以這種方式生成干凈且兼容的代碼。
使用 jquery 作為文件名的前綴，然后使用插件的名稱并以 .js 結(jié)尾。
始終將插件直接附加到 jQuery 而不是 $，因此用戶可以通過 noConflict() 方法使用自定義別名。
例如，如果我們編寫了一個插件，我們想命名為debug，這個插件的 JavaScript 文件名是 -
jquery.debug.js
jquery的使用。前綴消除了與用于其他庫的文件的任何可能的名稱沖突。
以下是一個小插件，具有用于調(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 頁面的同一目錄中。
<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>
這會提醒您以下結(jié)果
This is paragraph
This is division
以上就是動力節(jié)點小編介紹的"jQuery插件的使用"，希望對大家有幫助，想了解更多可查看 jQuery教程。動力節(jié)點在線學(xué)習教程，針對沒有任何Java基礎(chǔ)的讀者學(xué)習,讓你從入門到精通,主要介紹了一些Java基礎(chǔ)的核心知識，讓同學(xué)們更好更方便的學(xué)習和了解Java編程，感興趣的同學(xué)可以關(guān)注一下。
官方微信
官方抖音
Java實驗班
Java就業(yè)班
Java夜校直播班
Java在職加薪班
Java架構(gòu)師班
京公網(wǎng)安備 11030102010736號