jQuery插件入门

最新推荐文章于 2021-05-31 06:30:39 发布

greatverve

最新推荐文章于 2021-05-31 06:30:39 发布

阅读量692

点赞数

分类专栏： JS.JQuery 文章标签： jquery插件 jquery button function

本文链接：https://blog.csdn.net/greatverve/article/details/3588216

版权

JS.JQuery 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

插件文件格式:jquery.firstplugin.js

 
 //继承jQuery的函数,此函数里可以使用jQuery语法. 
jQuery.fn.foobar = function(str){
    alert(str);
};
 

用法：

 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>第一个jQuery插件</title>
<script type="text/ecmascript" src="../js/jquery-1.2.6.js"></script>
<script type="text/ecmascript" src="../js/jquery.firstplugin.js"> </script>
<script type="text/ecmascript">
    function f(){
        $("..").foobar("hello plugin");
        $("").foobar("hi plugin");
    }
</script>
</head>
<body>
<div>
    <input type="button" value="hi plugin" onclick="f();" />
</div>
</body>
</html>
 

end