gpt4 book ai didi

javascript - 如何使用 JQuery 将 H1 元素与另一个文档中的 H1 交换

转载 作者:行者123 更新时间:2023-12-02 18:20:11 24 4
gpt4 key购买 nike

请耐心等待,因为我是学生。我的老师让我们观看了 5 个 YouTube 视频,现在希望我们使用 JQuery 而不是标准 JavaScript 进行编程。我想做的就是将一个元素与另一个文件中的元素交换。

这是我的 HTML 代码:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Testing JQuery</title>
<script src="jquery-1.7.2.min.js"></script>
</head>
<body>
<h1 id="header">Testing JQuery</h1>
<p id ="dummy">Lorem Ipsum </p>
<script src="changes.js"></script>
<form name="input" action="changes.js">
<input type="button" value="Change the Header">
</form>
</body>
</html>

这是我的 JavaScript/JQuery 代码:

$(document).ready(function() {
$('input').click(function() {
var url = $(this).attr('form');
$('#header').load( greeting.html + '#ajax h1');
return false;
});
});

第三个文件名为greeting.html,这就是它包含的全部内容:

<h1 id="ajax">Hello from jQuery with AJAX</h1>

最佳答案

$('#header').load( 'greeting.html #ajax' );

这就是您所需要的。摆脱所有其他东西。您不需要声明url,也不需要返回 false。

关于javascript - 如何使用 JQuery 将 H1 元素与另一个文档中的 H1 交换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18905462/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com