当前位置:编程学习 > JAVA >>

实践与提高:编写jQuery插件

jQuery给我们写web应用程序带来的极大的方便,很多jQuery插件深受用户喜爱。jQuery插件的特点基本上是用匿名函数的结构书写,引入jQuery对象作参数。

以下是一个最基本的jQuery插件的实现。知识点:

在jQuery匿名函数中,采用jQuery.extend();方法创建jQuery插件

在jQuery匿名函数中,采用对象.属性=函数的方式创建jQuery插件

 <!-- 

最简单的jquery插件

胡开明

--> 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 

<html> 

    <head> 

        <title>最简单的jquery插件</title> 

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 

        <script type="text/javascript" src="../res/jquery/jquery-1.4.4.min.js"></script> 

        <script type="text/javascript"> 

            (function($) { 

                jQuery.extend({//写法1 

                    a: function(h){ 

                        $("#ad").html(h); 

                    }, 

                    b:function(h){ 

                        alert(h); 

                    } 

                }) 

            })(jQuery); 

 

            (function($) {//写法2 

                jQuery.a=function(h){ 

                    $("#ad").html(h); 

                } 

                jQuery.b=function(h){ 

                    alert(h); 

                } 

            })(jQuery); 

 

            $(document).ready(function(){ 

                $.a("abc"); 

                $.b("xyz"); 

            }); 

 

        </script> 

 

    </head> 

    <body> 

        <h3>最简单的jQuery插件</h3> 

        <div id="ad"></div> 

    </body> 

</html>   

 

摘自 wj800的专栏

补充:web前端 , JavaScript ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,