If you're seeing this message, it means we're having trouble loading external resources on our website.

如果你被网页过滤器挡住,请确保域名*.kastatic.org*.kasandbox.org 没有被阻止.

主要内容

项目:极致改造之网页版

互联网上很大一部分网页都包括 jQuery ——因此,当你访问网页时,你可以打开你的 javascript 控制台,并成功运行一行类似下面这个的代码:
$("body").text("Mwahahaha");
这意味着在你可以使用 jQuery 来玩别人的网页,并了解它们的 HTML 网页设计包括哪些部分。
比如,您可以打开 Twitter 网站,并通过下面的代码将原来的所有图像替换为一只脾气非常暴躁的猫的图像:
$("img").attr("src", "https://pbs.twimg.com/profile_images/616542814319415296/McCTpH_E.jpg");
看看我们可汗学院的 Twitter 账号现在看起来有多酷!
你最喜欢的网站有哪些?尝试找到一个包含 jQuery 的(通过测试第一行代码就可以判断),然后看看有什么有趣的方式可以修改它。有些网站会限制你导入其中的素材的范围,所以你得动点脑筋。例如,推特只允许来自 twitter 的图像,那么我可以 搜索位于 twitter.com 上的猫的图片,来实现修改。
在下面的“提示/感谢”栏里分享你让网页变身的代码。用我们的创意让网络成为一个更美好 (或更“美喵”) 的地方!

想加入讨论吗?

尚无帖子。
你会英语吗?单击此处查看更多可汗学院英文版的讨论.