jQuery | noConflict（）及其示例-yiteyi-C++库

这个 无冲突 是jQuery中的内置函数，jQuery通常使用“$”符号作为快捷方式标识符。有很多javascript库，比如Angular Js、Ember、Knockout等等。现在，如果其他使用jQuery的JavaScript框架开始使用“$”符号作为快捷方式，那么就会出现冲突，其中一个框架可能会停止工作。因此，实现了无冲突方法。

null

语法：

$.noConflict();

参数： 它不接受任何参数。 返回值： 它不会返回任何内容。 冲突是如何产生的？ 例子：

src="prototype.js"
src="jquery.js"

在上面的示例中，在同一个文件中使用了两个JavaScript库，它们都使用相同的“$”符号来选择元素。现在冲突出现了，可能其中一个库无法使用“$”符号访问元素。 noConflict（）方法释放对“$”快捷方式标识符的保留，以便其他脚本可以使用它。 产生冲突的jQuery代码：

                     <                               html                               >                   
                             
                     <                               head                               >                   
                                         <                               script                               src="                       https://ajax.googleapis.com/ajax/libs/                              
                                         jquery/3.3.1/jquery.min.js"></                               script                               >                   
                                         <                               script                               >                   
                                         jq(document).ready(function() {                   
                                         jq("button").click(function() {                   
                                         jq("p").text("jQuery is still working!");                   
                                         });                   
                                         });                   
                                         </                               script                               >                   
                     </                               head                               >                   
                             
                     <                               body                               >                   
                                         <                               p                               style                               =                               "color:green"                               >This will show how to save                   
                                         reference and use them.</                               p                               >                   
                                         <                               button                               >Click Me.!</                               button                               >                   
                     </                               body                               >                   
                             
                     </                               html                               >                   

输出： 在点击按钮之前- 图片[1]-jQuery | noConflict（）及其示例-yiteyi-C++库点击按钮后—— 图片[2]-jQuery | noConflict（）及其示例-yiteyi-C++库点击按钮前后的输出相同，因此存在冲突。 使用noConflict（）函数克服此类冲突的jQuery代码：

                     <                               html                               >                   
                             
                     <                               head                               >                   
                                         <                               script                               src                               =                               "                       https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js                      "                               ></                               script                               >                   
                                         <                               script                               >                   
                                         //Here noConflict() reference is saved to a variable                   
                                         var jq = $.noConflict();                   
                                         jq(document).ready(function() {                   
                                         jq("button").click(function() {                   
                                         jq("p").text("jQuery is still working!");                   
                                         });                   
                                         });                   
                                         </                               script                               >                   
                     </                               head                               >                   
                             
                     <                               body                               >                   
                                         <                               p                               style                               =                               "color:green"                               >This will show how to save                   
                                         reference and use them.</                               p                               >                   
                                         <                               button                               >Click Me.!</                               button                               >                   
                     </                               body                               >                   
                             
                     </                               html                               >                   

输出： 在点击按钮之前- 图片[3]-jQuery | noConflict（）及其示例-yiteyi-C++库点击按钮后- 图片[4]-jQuery | noConflict（）及其示例-yiteyi-C++库

文章版权归作者所有，未经允许请勿转载。

THE END

Javascript