jquery - 如何将 jQuery 添加到 HTML 页面?

标签 jquery

我得到了这段代码,要放置在我的 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 热链接一个库文件。 :

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

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

进一步阅读:

<小时/>

将代码放入页面

将您的代码放入<script>内标签。它可以插入 <head> 中的任何位置。或<body> 。如果将其放在 <input> 之前和<tr>标签(如代码中所引用),您必须使用 $(document).ready() 确保这些元素在代码运行之前存在:

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

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

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

<script src="/path/to/your/code.js"></script>

进一步阅读:

关于jquery - 如何将 jQuery 添加到 HTML 页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13829667/

相关文章:

jquery - 为什么 $ ('#table > tr' ) 选择器不匹配? (始终返回 0)

javascript - 根据 Cookie 值隐藏和显示内容

jquery - 如果 div 内部的 div 为空,则更改父 CSS 的背景颜色

javascript - 根据下拉菜单实例化新的 javascript

jquery - 悬停在 js 生成的类/元素上不起作用

javascript - 如何获取 select 选项的值并将其分配给 url 参数

javascript - 停止更改父类的HTML5音频/视频

javascript - 使用 id 作为数组的名称 (jQuery)

javascript - jQuery .each 函数帮助

javascript - 帮助替换 Javascript 链接