zoukankan      html  css  js  c++  java
  • 解决jquery与其他库的冲突

    1、jquery在其他库之后导入

    第一种:
    jQuery.noConflict();//将变量$的控制权限交给其他类库,即将$的控制权让渡给其他类库
    jQuery(function(){
      jQuery("p").click(function(){
        alert(jQuery(this).text());
      });
    });
    $("p").style.display = "none";//其他类库照常使用$符
    
    第二种:
    var $j = jQuery.noConflict();//自定义一种快捷方式
    $j(function(){
      $j("p").click(function(){
            alert($j(this).text());
       });
    });
    $("p").style.display = "none";//其他类库照常使用$符

    如果不想使用jquery自定义备用名称(即前两种方法),又想使用$符,其避免与其他库冲突

    第三种:
     jQuery.noConflict();
     jQuery(function($){
        $("p").click(function(){
             alert($(this).text());
        });
     });
    $("p").style.display = "none";//其他类库照常使用$符
    
    第四种:
     jQuery.noConflict();
     (function($){
          $function(){
              $("p").click(function(){
                   alert($(this).text());
              });
          }
     });

    2、jQuery库在其他库之前导入(无需调用jQuery.noConflict()函数,可直接用”jQuery”来做一些jQuery的工作)

    jQuery(function(){
      jQuery("p").click(function(){
        alert(jQuery(this).text());
      });
    });
    $("p").style.display = "none";//其他类库照常使用$符
  • 相关阅读:
    剑指offer-23.链表中环的入口节点
    剑指offer-6从尾到头打印链表
    剑指offer-24.反转链表
    2-常见机器学习模型总结
    1-预测分析类核心算法简介
    罗马数字转整数Leetcode13
    链表反转leetcode206
    LINUX常用命令
    两种遍历list
    python笔记-字符串函数总结
  • 原文地址:https://www.cnblogs.com/wanghaokun/p/6104131.html
Copyright © 2011-2022 走看看