如何将jQuery添加到HTML页面?

我得到了这段代码放在我的html页面中,但我对javascript一无所知,所以我不知道在哪里放置它以及放置它的标签类型。

$('input[type=radio]').change(function() { $('input[type=radio]').each(function(index) { $(this).closest('tr').removeClass('selected'); }); $(this).closest('tr').addClass('selected'); }); 

包括jQuery库

那是jQuery代码。 您首先需要确保加载了jQuery库。 如果您没有自己托管库文件,可以从jQuery CDN中链接一个:

  

您可以在部分中执行此操作,但只要在jQuery代码之前加载它就可以了。

进一步阅读:

  • 我为什么要将谷歌的CDN用于jQuery?
  • 用于jQuery或Google CDN的Microsoft CDN?

将您的代码放在页面中

将代码放在标记内。 它可以插入任何位置。 如果将它放在

标记之前(在代码中引用),则必须使用$(document).ready()来确保在代码运行之前存在这些元素:

 $(document).ready(function() { // put your jQuery code here. }); 

如果您希望尽快加载页面内容,可能需要尽可能将其放在关闭标记附近。 但另一种常见做法是将所有JavaScript代码放在部分中。 根据您的编码风格和需求,这是您的选择。

建议:不要将JS / jQuery代码直接嵌入到HTML页面中,而应考虑将代码放在单独的.js文件中。 这将允许您在其他页面上重用相同的代码:

  

进一步阅读:

  • 将Javascript放在HTML文件中的哪个位置?

您需要将其包装在脚本标记中:

  

话虽这么说,但执行此代码时非常重要。 如果你把它放在它所挂钩的HTML元素之前的页面中,那么脚本将在HTML实际呈现在页面之前运行,因此它将失败。

通常的做法是将这种类型的代码包装在“文档就绪”块中,如下所示:

  

这可确保在执行代码之前在浏览器中呈现整个页面。 将代码放在页面的部分也是最佳做法。

标签内添加…

   

编辑: 内部的位置不是唯一的选项…这可以很容易地在结束标记之前放置。 出于放置的原因,我通常会尝试将我的JavaScript置于head ,但在某些情况下,它可能会降低页面渲染速度,因此有些人会推荐后一种方法(在关闭body之前)。

您可以使用以下任何一种方式包含JQuery:

  • 链接使用jQuery与CDN

  • 从这里下载Jquery并包含在您的项目中
  • 使用此链接下载最新版本

您的代码放置可能如下所示

  • 在使用它之前,应该包含你的Jquery,否则会引发错误

“`

   

“`

在结束体标记之前使用脚本标记包含javascript。 您最好将它放在一个单独的文件中并链接到它,以使事情更有条理,更容易阅读。 这里有一篇简单的文章,将向您展示http://www.selftaughtweb.com/how-to-include-javascript/

您需要在代码中包含此代码并将其放在页面末尾。 或者创建JS文件(例如test.js),在其上编写此代码并将此标记放在页面末尾