解决JQuery中$符冲突

解决TypeError: $(...) is null错误

最新推荐文章于 2021-04-11 21:06:18 发布

翻译最新推荐文章于 2021-04-11 21:06:18 发布 · 1.1k 阅读

文章标签：

#noConflict

本文介绍了解决在使用jQuery过程中遇到TypeError: $(...) is null错误的方法。提供了两种解决方案：一是直接使用jQuery替代$符号；二是通过jQuery.noConflict()方法自定义别名，并展示了具体的实现代码。

报错：TypeError: $(…) is null。

解决办法：

1. 直接不使用$,使用JQuery

<script type="text/javascript">  
    jQuery(function(){  
        alert("jquery获取文本框值："+jQuery('#test').val());  
});

2. jQuery.noConflict();自定义别名

var $j = jQuery.noConflict();

// Use jQuery via $j(...)
$j(document).ready(function () {
  var secondary = $j("#secondary-footer");
  secondary.hide().addClass("fixed").fadeIn("fast");

  $j(window).scroll(function () {
    if (secondary.offset().top >= ($j(document).height() - 350)) {
      secondary.removeClass("fixed");
    } else if (secondary + ":not('.fixed')") {
      secondary.addClass("fixed");
    }
  });
});