16

我被赋予了这段代码以放置在我的 html 页面中，但我对 javascript 一无所知，所以我不知道将它放置在哪里以及放置它的类型。

$('input[type=radio]').change(function() {

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

$(this).closest('tr').addClass('selected');
});
4

6 回答 6

26

包括 jQuery 库

那是jQuery代码。您首先需要确保已加载 jQuery 库。如果您自己不托管库文件，您可以从jQuery CDN热链接一个：

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

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

进一步阅读：

将代码放在页面中

将您的代码放在<script>标签内。它可以插入到<head>或中的任何位置<body>。如果将它放在<input>and<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>

进一步阅读：

于 2012-12-11T22:41:09.917 回答
5

您需要将其包装在脚本标签中：

<script type='text/javascript'> ... your code ... </script>

话虽如此，执行此代码时很重要。如果您将它放在页面中它所挂钩的 HTML 元素之前，那么脚本将在 HTML 实际呈现在页面中之前运行，因此它将失败。

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

<script type='text/javascript'>
$(document).ready(function() {

... your code...

}}
</script>

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

于 2012-12-11T22:42:02.523 回答
1

在您的<head></head>标签内添加...

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $('input[type=radio]').change(function() {

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

        $(this).closest('tr').addClass('selected');
    });
});
</script>

编辑：内部的放置<head></head>不是唯一的选择......这可以很容易地放置在结束</body>标记之前。出于放置原因，我通常会尝试将我的 JavaScript 放在其中head，但在某些情况下它会减慢页面渲染速度，因此有些人会推荐后一种方法（在关闭之前body）。

于 2012-12-11T22:40:38.430 回答
0

您可以使用以下任何方法包含 JQuery：

  • 使用带有 CDN 的 jQuery 链接

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

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

您的代码位置可能看起来像这样

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

``` 

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script>
$(document).ready(function(){
    $('input[type=radio]').change(function() {

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

        $(this).closest('tr').addClass('selected');
    });
});
</script>

```

于 2016-07-29T21:50:16.147 回答
-1

Include javascript using script tags just before your ending body tag. Preferably you will want to put it in a separate file and link to it to keep things a little more organized and easier to read. Theres a simple article here that will show you how http://www.selftaughtweb.com/how-to-include-javascript/

于 2015-04-03T00:40:15.810 回答
-5

您需要将此代码包装在标签中并放在页面末尾。或者创建 JS 文件（例如 test.js），在上面写下这段代码并在页面的末尾加上这个标签

于 2012-12-11T22:42:53.957 回答