$和jQuery有什么区别

Question

当我尝试在$(document).ready 中使用$("#div_id") 时它返回NULL，但是当我使用jQuery("#div_id") 时它返回实际对象！

为什么会这样？

更新：我尝试了 noConflict 方法，但没有获得任何提示。

jQuery.noConflict()
function (a,b){return new c.fn.init(a,b)}

$.noConflict();
TypeError: Object function ()
    {
        return document.getElementById.apply(document, arguments)
    } has no method 'noConflict'

更新 2：

$(document).ready(function() {
    debugger;
});

<input type="text" id="test" name="test" value="123" />

当我在控制台中运行以下代码时，我得到了这些结果：

$("#test").val()
TypeError: Cannot call method 'val' of null
jQuery("#test").val()
"123"

谢谢

Answer 1

见jQuery.noConflict()。您页面上的其他 javascript 库是否可以使用 $ 变量？

$ 只是一个变量，用来给jQuery 取别名，作为一个变量，任何东西都可以赋值给它。

Answer 2

$ 和 jQuery 都相同，除了 $ 只是 jQuery 的别名，您可以使用 jQuery.noConflict 模式更改或删除它。

Answer 3

$ 也用于Prototype.js，这是一个类似 jQuery 的 javascript 框架。 您的项目可能还包含对此框架的引用。

有关原型美元如何运作的更多信息，请转至here。

如其他答案中所述，您可以使用 noConflict 语句使两者一起工作。我们正在我们的一个项目中执行此操作，该项目使用 $(element) 用于遗留原型代码，使用 jQuery(element) 用于新的 jQuery 代码。

Answer 4

好像有什么东西拿走了$， 要将 jQuery 重新分配给 $，请尝试：

var $ = jQuery;

Answer 5

也许你有另一个使用 $ 的库？

Answer 6

jQuery 和 $ 是相同的 - 参见 jQuery 源代码：

window.jQuery = window.$ = jQuery;

也许您使用了另一个使用变量 $ 的库，然后您必须解决命名冲突。

<script type="text/javascript">
  jQuery.noConflict();
  jQuery(document).ready(function($) {
    // Code that uses jQuery's $ can follow here.
  });
  // Code that uses other library's $ can follow here.
</script>

或者您可以使用以下 sn-p 之一（在它的主体中不会有 $ 冲突）：

// Method 1
jQuery(document).ready(function($){
    /* some code that uses jQuery $ */ 
});

// Method 2
(function($) {
    /* some code that uses jQuery $ */ 
})(jQuery);