`

JQuery插件的两种写法

阅读更多

第一种

js:

(function (jQuery){
     this.show =function(title){
           this.title=title;
     };
     this.show2 =function(){
        alert(this.title);
     };
     jQuery.messager =this;
     return jQuery;
})(jQuery); 
 

 

html:
<script src="jquery.js"></script>
<script src="js.js"></script>
<script>
$(document).ready(function(){
    $.messager.show("this is a test");
    $.messager.show2();
});
</script>
 

 

第二种

js:

$.fn.messager =function(options){
    var defaults = {
        title:"this is a test!"
    };
    $.extend(defaults,options);
    alert(defaults.title);
    return this;
}; 
 

 

html:

<script src="jquery.js"></script>
<script src="js.js"></script>
<script>
$(document).ready(function(){
    $("#d").messager().hide();
});
</script>
分享到:
评论

相关推荐

    jqueryzepto插件把各种延迟串联起来采用管道式写法

    "jqueryzepto插件把各种延迟串联起来采用管道式写法"这个主题,正是讨论如何通过插件的方式,巧妙地管理延迟执行的任务,使得代码更加简洁、高效。 在JavaScript中,我们常常会遇到需要按顺序执行一系列任务的情况...

    Jquery插件写法笔记整理

    一般来说,jQuery插件可以分为三种类型:jQuery方法、全局函数和自定义选择器。 1. jQuery方法:这是最常见的插件类型,它将方法封装为jQuery对象的方法。当使用jQuery选择器获取到一个jQuery对象后,我们可以在该...

    jQuery下扩展插件和拓展函数的写法(匿名函数使用的典型例子)

    匿名函数在这两种扩展方式中都起到了关键作用。它们用于封装代码,避免创建全局变量,并确保函数的独立性。同时,通过IIFE,我们可以确保在函数内部可以安全地使用`$`作为jQuery的别名,即使在使用了其他库(如...

    javaScript实现级联效果的两种写法

    方法二:jQuery插件实现 如果你的项目中已经引入了jQuery库,可以利用其强大的DOM操作和事件处理功能来简化代码。 1. HTML结构:与方法一相同,但可以使用jQuery的`data-*`属性来存储关联数据。 ```html 请选择...

    jQuery自定义插件详解及实例代码

    jQuery编写插件有两种方式 1.添加jQuery对象级别的插件,原理是给jQuery类添加方法。 写法如下: (function($){ $.fn.extend({ 函数名:function(自定义参数){ //自定义插件代码部分 } });

    jQuery权威指南-源代码

    其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用,以及各种常用的jQuery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括...

    jquery封装插件时匿名函数形参和实参的写法解释

    在编写jQuery插件时,我们经常会使用到匿名函数来封装我们的代码,以避免全局作用域中的变量冲突,并且使得我们的插件更加模块化和易于维护。在匿名函数中,形参和实参的正确使用尤为重要,它们分别代表了函数定义时...

    jQuery弹簧插件编写基础之“又见弹窗”

    本文将通过一个实例来引出jQuery插件开发中的一些细节,首先介绍下jQuery插件开发的一些基础知识。 jQuery的插件开发主要分为两类: ...接下来我们看看两种方式的具体写法是什么: 类级别的插件开发 $.ex

    jQuery 自定义函数写法分享

    自定义主要通过两种方式实现$.extend({aa:function(){}});$.fn.extend({aa:function(){}});调用的方法分别是:$.aa();$($this).aa();注意:创建函数时不要放在 $(function() { }中,调用时候要放在事件里面$($this)....

    在Web项目中引入Jquery插件报错的完美解决方案(图解)

    本文将详细介绍一种解决在Web项目中引入jQuery插件报错的完美方案。 首先,我们需要理解错误可能的来源。当MyEclipse或类似的IDE在构建Web项目时,它们通常会进行代码验证,包括对JavaScript的语法检查。这可能导致...

    jquery开发入门整理(所需要了解的)

    - **插件系统**:jQuery的插件系统允许开发者创建自定义的jQuery插件,这些插件可以扩展jQuery的核心功能,满足特定的应用需求。 ### 浅析jQuery框架与构造对象 jQuery框架的核心是`$`符号,这是一个全局函数,用于...

    jquery文档

    - 编写插件时,应注意遵循jQuery插件开发的最佳实践,确保插件能够与jQuery兼容,以及保持代码的可读性和可维护性。 通过上述知识点的讲解,可以看出jQuery作为一款流行的JavaScript库,其核心功能和使用方式极大地...

    jquery-cookie-1.4_里面有完整的jar包等脚本提供使用

    jQuery Cookie是丹麦开发者Karsten Dambekalns开发的一个插件,它使得在jQuery环境中处理Cookie变得异常简单。在提供的压缩包"jquery-cookie-1.4"中,包含了所有必要的资源,包括核心的JS文件,便于开发者快速集成到...

    jquery ajax提交表单数据的两种方式

    在本文中,提到了JQuery AJAX提交表单数据的两种方式:一种是通过URL参数提交数据,另一种是通过表单提交(Form Submit)。在实际开发中,如何选择这两种方式主要取决于需要提交的数据量和具体的应用场景。 首先,...

    一句话jquery 取中文字节数

    ### 一、jQuery插件与中文字符计数 #### 1.1 jQuery简介 jQuery是一款快速、简洁的JavaScript库,简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作。它通过一个简洁的API提供了一种写法更少而做更多的编程...

    正则表达式大于50万的判断js与php写法.docx

    在JavaScript部分,可以看到一个jQuery插件`formValidator`被用来处理表单验证。首先,它设置了最小值(1)以确保投资金额非零,并且不允许超过融资剩余投资金额。接着,通过`functionValidator`方法,定义了一个...

    浅析jQuery(function(){})与(function(){})(jQuery)之间的区别

    本文将深入探讨两种在页面加载完成后执行代码的jQuery语法模式:jQuery(function(){}) 和 (function(){})(jQuery),分析它们之间的区别,以便开发者在实际应用中能够选择最合适的写法。 首先,我们来看 jQuery...

    jQuery常用的4种加载方式分析 <font color=red>原创</font>

    这两种方式都是确保在DOM完全加载后执行,可以安全地操作DOM元素,执行事件绑定等操作。 4. 页面加载后执行的加载方式: 第四种方式是使用jquery(function($){})结构。尽管这种方式和前面的$(document).ready()...

Global site tag (gtag.js) - Google Analytics