$变量用于jQuery。如果您使用多个JavaScript库或jQuery的多个版本,则应使用jQuery(selector)代替$(selector)以避免名称冲突。
为了理解这个noConflict()
概念,让我们看一个使用jQuery(选择器)的例子:
<!DOCTYPE html> <html> <head> <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script> <script> $.noConflict(); jQuery(document).ready(function(){ jQuery("button").click(function(){ jQuery("h3").text("jQuery works perfectly"); }); }); </script> </head> <body> <h1>Testing jQuery</h1> <h3>Click below:</h3> <button>Click me</button> </body> </html>
$符号用于jQuery,但是如果其他框架也使用相同的$符号怎么办?这可能会造成问题和冲突。为了避免这种情况,jQuery发出了该noConflict()
方法。该方法释放$符号以供其他JavaScript框架使用。使用名称为jQuery的jQuery。