赣南网 › =微信交流讨论区= › 开发交流 › jquery - 开发插件

+发表新主题

查看: 2175|回复: 0

[代码片段] jquery - 开发插件

[代码片段] jquery - 开发插件

殷三姗发表于 2016-2-18 22:36:45 浏览: 2175 回复: 0 [显示全部楼层] |只看大图回帖奖励

回帖奖励

|倒序浏览 |阅读模式

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

1.开发插件

* jQuery插件的种类

* 对象方法插件 - $().each()

* $.fn.extend(object)

例如：

插件内容：

/*
该JS文件叫做jQuery的插件文件
* $.extend(object) - 全局函数
* $.fn.extend(object) - 对象方法
*/
$.extend({//全局函数
test : function(name){
console.log("hello "+name);
}
});

复制代码

文档代码：

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery开发插件</title>
<script src="jquery-1.11.3.js"></script>
<script src="mypluign1.js"></script>
</head>
<body>
<input type="button" value="插件测试">
<script>
$("input").click(function(){
// 使用插件
$.test("小龙女");
});
</script>
</body>
</html>

复制代码

效果：

点击插件测试按钮：

* 全局函数插件 - $.each()

* $.extend(object)

例如：

插件内容：

$.fn.extend({//对象方法
getName : function(name){
console.log("you are "+name);
}
});

复制代码

文档代码：

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery开发插件</title>
<script src="jquery-1.11.3.js"></script>
<script src="mypluign1.js"></script>
</head>
<body>
<input type="button" value="插件测试">
<script>
$("input").click(function(){
// 使用插件
$("input").getName("小龙女");
});
</script>
</body>
</html>

复制代码

效果：

点击插件测试：

* 选择器插件 - 目前几乎不用

回复

使用道具举报

精彩评论 (0)

阅读推荐

微信要持续发力：“围剿”四大类违规小程序

微信要持续发力：“围剿”四大类违规小程序

腾讯的流量变现新目标：中老年群体

腾讯的流量变现新目标：中老年群体

LOOK获$2200万融资将构建小程序开放平台

LOOK获$2200万融资将构建小程序开放平台

微选今日正式在微信购物频道上线

微选今日正式在微信购物频道上线

震惊这家智能企业去年营收188亿元

震惊这家智能企业去年营收188亿元

《小程序生态报告》：男性用户要更多

《小程序生态报告》：男性用户要更多

支付宝回复“余额宝将被停”传闻：假的

支付宝回复“余额宝将被停”传闻：假的

微信iOS版本更新：可一键切换两个账号，可调整“发现”页面

微信iOS版本更新：可一键切换两个账号，可

技冠群雄

34 主题	36 帖子	106 积分

Rank: 6 Rank: 6

积分: 106

版块推荐

最新资讯

友情链接

英剧迷| 淘大喵| 客家新闻网| 时空赣州网| 赣州新闻网| 赣州信息港| 人人都是产品经理| 91运营网| 梅花网| 亿欧网| 36氪| 申请友链

手机版| 赣南网

© 2013-2016 Comsenz Inc. Powered by Discuz! X3.4

用微信扫一扫