web前端學習(五)(6)-- jQuery的擴充套件與noConflict
阿新 • • 發佈:2018-12-14
1、jQuery的擴充套件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery-3.3.1.min.js"></script> <script src="myjQuery.js"></script> <script> $(document).ready(function(){ // $.myjq(); $("div").myjq(); }); </script> </head> <body> <div></div> </body> </html>
2、noConflict
代替掉美元符號,美元符號是jQuery的簡寫
noConflict是為了防止衝突
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery-3.3.1.min.js"></script> <script> var myjq = $.noConflict();/*使用了這句話美元符號就沒有效果了,需要將美元符號替換為jQuery*/ /*jQuery(document).ready(function(){ jQuery("#btn").click(function(){ jQuery("div").text("newText"); }); });*/ myjq(document).ready(function(){ myjq("#btn").click(function(){ myjq("div").text("newText"); });/*上面那種方法和下面這種方法都是可以的*/ }); </script> </head> <body> <div>hello</div> <button id="btn">按鈕1</button> </body> </html>