Javascript 函数$(字符串)未定义

Javascript 函数$(字符串)未定义,javascript,jquery,html,Javascript,Jquery,Html,我看到了一个例子,并检查了它是如何工作的,但我得到了一个错误-(见标题) 你知道为什么吗 这是代码(与链接类似): 沙箱 正文{背景色:#000;字体:16px Helvetica,Arial;颜色:#fff;} 123 456 789 $('td')。单击(函数(){ var colIndex=$(this).parent().children().index($(this)); var rowIndex=$(this.parent().parent().children().index($

我看到了一个例子,并检查了它是如何工作的,但我得到了一个错误-(见标题)

你知道为什么吗

这是代码(与链接类似):


沙箱
正文{背景色:#000;字体:16px Helvetica,Arial;颜色:#fff;}
123
456
789
$('td')。单击(函数(){
var colIndex=$(this).parent().children().index($(this));
var rowIndex=$(this.parent().parent().children().index($(this.parent());
警报('行:'+rowIndex+',列:'+colIndex);
});

您的代码工作正常

所有测试的问题都可能是由于缺少jQuery库, 请参阅和

而且,这是可行的


作为旁注:

  • 您缺少
    t正文
    的结束标记,而具有开始标记 故障:
将您的HTML更新到此位置

<table border="1">
  <tbody>
    <tr><td>1</td><td>2</td><td>3</td></tr>
    <tr><td>4</td><td>5</td><td>6</td></tr>
    <tr><td>7</td><td>8</td><td>9</td></tr>
  </tbody>
</table>
<script type="text/javascript">...</script>

123
456
789
  • 您的脚本标记缺少以下类型:
将您的标签更新到此位置

<table border="1">
  <tbody>
    <tr><td>1</td><td>2</td><td>3</td></tr>
    <tr><td>4</td><td>5</td><td>6</td></tr>
    <tr><td>7</td><td>8</td><td>9</td></tr>
  </tbody>
</table>
<script type="text/javascript">...</script>
。。。

<script src="path_to_jquery.js" type="text/javascript"></script>


编辑::以更好地整合此答案
  • 工作
  • 没有加载jQuery,从而导致错误
  • 不想点击链接的用户的打印屏幕:
  • 注意:
    正如注释中的精神错乱悬崖所述,在本例中不需要,因为jQuery代码位于它选择的元素下面

    您的代码工作正常

    所有测试的问题都可能是由于缺少jQuery库, 请参阅和

    而且,这是可行的


    作为旁注:

    • 您缺少
      t正文
      的结束标记,而具有开始标记 故障:
    将您的HTML更新到此位置

    <table border="1">
      <tbody>
        <tr><td>1</td><td>2</td><td>3</td></tr>
        <tr><td>4</td><td>5</td><td>6</td></tr>
        <tr><td>7</td><td>8</td><td>9</td></tr>
      </tbody>
    </table>
    
    <script type="text/javascript">...</script>
    
    
    123
    456
    789
    
    • 您的脚本标记缺少以下类型:
    将您的标签更新到此位置

    <table border="1">
      <tbody>
        <tr><td>1</td><td>2</td><td>3</td></tr>
        <tr><td>4</td><td>5</td><td>6</td></tr>
        <tr><td>7</td><td>8</td><td>9</td></tr>
      </tbody>
    </table>
    
    <script type="text/javascript">...</script>
    
    。。。
    

    <script src="path_to_jquery.js" type="text/javascript"></script>
    
    
    

    编辑::以更好地整合此答案
  • 工作
  • 没有加载jQuery,从而导致错误
  • 不想点击链接的用户的打印屏幕:
  • 注意:
    正如注释中的精神错乱悬崖所述,在本例中不需要,因为jQuery代码位于它选择的元素下面

    代码不需要位于
    .ready()
    中,因为它位于所选元素的下方。而且,这从一开始就不会导致错误。我仍然会遇到同样的错误。加上编译器的尖叫:函数就绪(函数)未定义有任何库我需要包括它们吗?你包括Jquery吗?使用浏览器检查器检查是否正在加载jQuery@digvijay,我已经运行了一些测试并全部签出,具体细节请参见答案!代码不需要位于
    .ready()
    中,因为它位于所选元素的下方。而且,这从一开始就不会导致错误。我仍然会遇到同样的错误。加上编译器的尖叫:函数就绪(函数)未定义有任何库我需要包括它们吗?你包括Jquery吗?使用浏览器检查器检查是否正在加载jQuery@digvijay,我已经运行了一些测试并全部签出,具体细节请参见答案!你是说你在jsbin演示中,还是在你自己的页面中遇到了错误?你需要认真学习如何在变量中缓存函数结果。使用
    me=$(this)
    并将对
    $(this)
    的所有进一步调用替换为
    me
    。您将使用的处理能力减少数倍,对全球变暖的影响也将减少!这是一个笑话,但效率的提高不是。你是说你在jsbin演示中,还是在你自己的页面中遇到了一个错误?你真的需要学习如何在变量中缓存函数结果。使用
    me=$(this)
    并将对
    $(this)
    的所有进一步调用替换为
    me
    。您将使用的处理能力减少数倍,对全球变暖的影响也将减少!这是一个笑话,但效率的提高不是。