如何将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并包含在您的项目中
- 使用此链接下载最新版本
- http://code.jquery.com/jquery-latest.min.js (从不在生产服务器上使用此链接)
您的代码放置可能如下所示
- 在使用它之前,应该包含你的Jquery,否则会引发错误
“`
“`
在结束体标记之前使用脚本标记包含javascript。 您最好将它放在一个单独的文件中并链接到它,以使事情更有条理,更容易阅读。 这里有一篇简单的文章,将向您展示http://www.selftaughtweb.com/how-to-include-javascript/
您需要在代码中包含此代码并将其放在页面末尾。 或者创建JS文件(例如test.js),在其上编写此代码并将此标记放在页面末尾