1、注意引入script的顺序
<!--jQuery文件-->
<script src="http://127.0.0.1/web/jquery-3.3.1.js"></script>
<!--被引入的js文件即扩展的js文件-->
<script src="http://127.0.0.1/web/MyJquery.js"></script>
<!--自己的JS文件-->
<script src="http://127.0.0.1/web/ExtendsIndex.js"></script>
被引入的js文件即扩展的js文件
$.fn.myjq = function(){
$(this).text("恭喜你添加成功");
};
自己的HTML文件
<body>
<div></div>
</body>
自己的JS文件
$(document).ready(function(e) {
$("div").myjq();
});
2、noConflict方法
noConflict方法用来代替掉$符号,因为JS框架是非常多的防止发生冲突
未修改以前
$(document).ready(function(e) {
//通过JQuery来修改div中所呈现的内容
$("#btn").on("click",function(){
$("div").text("NewHello");
})
});
修改以后
用jquer代替美元符号$
$.noConflict();
jQuery(document).ready(function(e) {
//通过JQuery来修改div中所呈现的内容
jQuery("#btn").on("click",function(){
jQuery("div").text("NewHello");
})
});