jQuery擴充套件
阿新 • • 發佈：2018-12-20
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");
})
});