您的位置：首页 > Web前端 > JQuery

jQuery的扩展

2015-08-11 11:46 666 查看

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!"。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航