Question

这是我尝试在jsFiddle中运行的一些简单jQuery代码的链接，但它会生成一个文本不是函数的异常：

<div class="animals">
  <div class="cats">
     <div class="lions">
     meow
     </div>
  </div>
</div>

Javascript：

jQuery.find(".animals .lions").text("purr");
jQuery.find(".animals").text("kitty");

https://jsfiddle.net/Deepview/khbwqrte/5/

Answer 1

您必须将jQuery库添加到jsfiddle上的参考资料中：https://jsfiddle.net/1jcyb0qu/1/
并使用

$(".animals .lions").text("purr");
$(".animals").text("kitty");

来自@Raptor： https://stackoverflow.com/a/15631604/7349445

当调用.noConflict（）时，像$（''）这样的选择器不再起作用   以确保与其他框架（例如Prototype）的兼容性。在   那个时候使用jQuery（''）。

参考：http://api.jquery.com/jQuery.noConflict/

为了更好地说明这个想法，下面是从   参考链接：

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

Answer 2

$在jQuery库中定义为jQuery，因此您可以使用$或jQuery。您无法使用jQuery.find()，您可以做的是jQuery(document).find()

jQuery(".animals .lions").text("purr");
jQuery(".animals").text("kitty");

OR

$(".animals .lions").text("purr");
$(".animals").text("kitty");

OR

jQuery(document).find(".animals .lions").text("purr");
jQuery(document).find(".animals").text("kitty");

jQuery不在jsFiddle中执行

2 个答案: