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

JQuery的扩展与noConflict

2015-08-21 15:06 791 查看

noConflict:代替美元$符号(消除美元符号对JQ的缩写)

代码如下

HTML 部分：

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>扩展与noConflict</title>
<script src="jquery-2.1.4.min.js"></script>
<script src="myJquery.js"></script>
<script src="kuozhan.js"></script>
</head>
<body>
<div>hellow</div>
<button id="b1">按钮</button>
</body>
</html>

Jquery扩展js

/**
* Created by qing on 2015/8/21.
*/

$.myJq=function(){
alert("JQ扩展")
}

$.fn.myjq2=function(){
$(this).text("JQ扩展方法二")
}

js部分

/**
* Created by qing on 2015/8/20.
*/

var myjq=$.noConflict();
myjq(document).ready(function(){

//扩展
//$.myJq();  //方法一
//JQuery("div").myjq2();

//noConflict
myjq("#b1").click(function(){
myjq("div").text("noconflict");

});

});

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

标签： jquery 扩展 noconflict

相关文章推荐

新的分享

章节导航