码迷,mamicode.com
首页 > Web开发 > 详细

jQuery的扩展

时间:2015-08-11 12:12:50      阅读:120      评论:0      收藏:0      [点我收藏+]

标签:前端   jquery   

jQuery的扩展方法有两种方式:

1)jQuery本身的扩展方法:$.extend;

2)jQuery所选对象的方法:$.fn.extend;

第二种更符合使用jQuery的习惯。

示例:

<!DOCTYPE html>
<html>
<head lang="zh-CN">
    <meta charset="UTF-8">
    <title>jQuery扩展</title>
    <script src="js/jquery-1.11.2.min.js"></script>
    <script src="js/myJQuery.js"></script>
    <script src="js/extends.js"></script>
</head>
<body>
<div></div>

</body>
</html>
myJQuery.js的代码:

/*第一种扩展方式*/
$.myjq=function(){
    alert("这是我定义的方法");
}

/*第二种扩展方式*/
$.fn.myjq2=function(){
    $(this).text("嘿!我是jason!")
}
extends.js的代码:

$(document).ready(function(){
    //$.myjq();
    $("div").myjq2();
})

打开网页可在div内显示"嘿!我是jason!"。


版权声明:本文为博主原创文章,未经博主允许不得转载。

jQuery的扩展

标签:前端   jquery   

原文地址:http://blog.csdn.net/bboyjoe/article/details/47417855

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!