標籤:cti tle ict har 頁面 read title nbsp 樣本
1.onConflict()方法的作用
在頁面同時使用多個js的架構。
2.程式碼範例
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>無</title> 5 <meta charset="utf-8"> 6 <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"> 7 </script> 8 <script type="text/javascript"> 9 $.noConflict();10 11 jQuery(function(){12 jQuery("button").click(function(){13 jQuery("p").text("jQuery仍在工作!");14 });15 });16 </script>17 18 </head>19 <body>20 <p></p>21 <button>點擊</button>22 23 </body>24 </html>
使用變數替換
<!DOCTYPE html><html><head> <title>無</title> <meta charset="utf-8"> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script><script type="text/javascript">// 使用變數替換//這裡是該代碼的主要內容var jq=$.noConflict(); jq(function(){ jq("button").click(function(){ jq("p").text("jQuery仍在工作!"); }); });</script></head><body><p></p><button>點擊</button> </body></html>
在函數內部繼續使用$
<!DOCTYPE html><html><head> <title>無</title> <meta charset="utf-8"> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script><script type="text/javascript">// 如果不願意改變$,那麼可以在ready方法中設定$為變數// jQuery(function(){})就是jQuery(document).ready(function(){})的簡寫//這裡是該代碼的主要內容$.noConflict(); jQuery(function($){ $("button").click(function(){ $("p").text("jQuery仍在工作!"); }); });</script></head><body><p></p><button>點擊</button> </body></html>
JQuery的noConflict()方法