<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <script src="http://cdn.bootCSS.com/PRototype/1.7.3/prototype.js"></script> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script> <body> <input type="" name="name" id="test" value="張san" /> </body> <script type="text/javascript"> /* * 1.先加載Prototype,再加載jQuery * jQuery庫和它的所有插件都是在jQuery名字空間內的 * 包括全局變量也是保存在jQuery名字空間內的 * 使用jQuery.noConflict();主要作用是在任何時候 * 只要在jQuery加載后就可以調用,將$符號的使用權返回給其它的js庫 * jQuery在創建它自己的名字空間時就將其它庫的$保存在自己的一個變量當中 * 說白了就是把$換成jQuery了 * */ jQuery.noConflict(); alert(jQuery('#test').val()); alert($F('test')); </script></html><!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script> <script src="http://cdn.bootcss.com/prototype/1.7.3/prototype.js"></script> <body> <input type="" name="name" id="test" value="張san" /> </body> <script type="text/Javascript"> /* * 2.先加載jQuery,再加載Prototype * 先加載jQuery,再加載Prototype * 按照這樣的順序加載,就不存在其它js庫的$符號被jQuery占用的問題 * 所以對其它的js庫的代碼可以不作任何修改 * 照常使用$,而對 jQuery可以使用jQuery來替代$ */ jQuery(document).ready(function() { alert(jQuery('#test').val()); }); alert($F('test')); </script></html>
新聞熱點
疑難解答
