如何将jQuery添加到HTML页面?

前端之家收集整理的这篇文章主要介绍了如何将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中进行热链接

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

您可以在< head&gt部分,但只要在您的jQuery代码之前加载就可以了. 进一步阅读:
> Why should I use Google’s CDN for jQuery?
> Microsoft CDN for jQuery or Google CDN?

将您的代码放在页面

代码放在< 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>

进一步阅读:

> Where to place Javascript in a HTML file?

猜你在找的jQuery相关文章