JavaScript-jQuery报TypeError $(...) is null错误(jQuery失效)解决办法

出现这种错误一般都是jQuery的$方法被覆盖, 解决办法:

  1.把$改为jQuery使用

1 jQuery.noConflict();//将变量$的控制权让渡给给其他插件或库 
2 jQuery(function(){//不在直接使用$,而是使用jQuery 
3     jQuery("p").click(function(){ 
4         alert( jQuery(this).text() ); 
5     }); 
6 }); 

  2.如果嫌上一种使用jQuery太麻烦也可用别的值替换

1 var $phpernote=jQuery.noConflict();//自定义一个比较短快捷方式 
2 $phpernote(function(){//使用jQuery 
3     $phpernote("p").click(function(){ 
4         alert( $phpernote(this).text() ); 
5     }); 
6 }); 

  另外啰嗦句新手常犯错误, 如果找不到jQuery, 即$ is not defined:

  1:查看是否引入jquery文件

  2:查询路径是否错误,可以在页面源码中点击js文件路径.

  3: JS是解释型语言,是根据标签引用分块顺序执行的,$是jQuery中的产生的对象,需要用的话,必须将jquery.js文件放在使用它的JS前面。

原文地址:https://www.cnblogs.com/JohnABC/p/3413821.html