JQuery的扩展与noConflict

最新推荐文章于 2021-04-04 18:37:32 发布

Summer-green

最新推荐文章于 2021-04-04 18:37:32 发布

阅读量509

点赞数

分类专栏： jquery 文章标签： jquery 扩展 noconflict

本文链接：https://blog.csdn.net/summergreenhtml/article/details/47834815

版权

jquery 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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");

});

});