我得到了这段代码放在我的html页面中,但我对javascript一无所知,所以我不知道在哪里放置它以及放置它的标签类型.
$('input[type=radio]').change(function() {
$('input[type=radio]').each(function(index) {
$(this).closest('tr').removeClass('selected');
});
$(this).closest('tr').addClass('selected');
});
And*_*rew 24
包括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>
进一步阅读:
您需要将其包装在脚本标记中:
<script type='text/javascript'> ... your code ... </script>
话虽这么说,但执行此代码时非常重要.如果你把它放在它所挂钩的HTML元素之前的页面中,那么脚本将在HTML实际呈现在页面之前运行,因此它将失败.
通常的做法是将这种类型的代码包装在"文档就绪"块中,如下所示:
<script type='text/javascript'>
$(document).ready(function() {
... your code...
}}
</script>
这可确保在执行代码之前,整个页面已在浏览器中呈现.将代码放在<head>页面的部分也是最佳做法.
在标签内<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）。
| 归档时间： |
|
| 查看次数： |
113802 次 |
| 最近记录： |