Question

我是新学习JQuery并试图找出一些基本的东西。希望得到一些关于三个问题的帮助：

$(document).ready(function()
{
    var ADbanner = '<img src="http://image.banana.com/is/image/banana/checkout?$checkout%20shopping%20bag%20image$" class="ADscratch_img" />';  

    $(".right-space").after(ADbanner);
});

此功能何时执行？
此功能选择哪个元素？
这个函数如何操作这个元素？

我知道第一个问题，只要加载DOM并加载页面内容之前，函数就会加载。现在class="ADscratch_img"对我来说没有多大意义。我知道功能可能是移动图像，但不确定$(".right-space").after(ADbanner);的含义。

Answer 1

此功能何时执行？

在收到所有资源后文档准备好后执行此操作。也就是说，当触发事件DOMContentLoaded时。

此功能选择哪个元素？

此功能选择所有类right-space

的元素。

此函数如何操作此元素？

该函数找到具有类right-space的元素，并在元素旁边添加HTML：

<img src="http://image.banana.com/is/image/banana/checkout?$checkout%20shopping%20bag%20image$" class="ADscratch_img" />

这意味着，在该元素之后，它将添加图像。

Answer 2

这将在文档的DOM为ready
所选元素都是right-space
After正在追加所有带有right-space类图像的元素。

Answer 3

行$(document).ready(function(){})告诉函数在文档（网页）加载完成时执行。
内部JQuery说要选择所有具有该类的元素，“.right-space”然后
通过在所选元素（具有.right-space类属性的元素）之后编写HTML（使用img标签）来插入图像。

Answer 4

此功能何时执行？

此函数将在DOM就绪时执行。也就是说，此函数将在DOMContentLoaded事件被触发时执行。

此功能选择哪个元素？

此功能正在选择类别为right-space的元素的所有。

这个函数如何操作这个元素？

此功能放置以下HTML代码段：

<img src="http://image.banana.com/is/image/banana/checkout?$checkout%20shopping%20bag%20image$" class="ADscratch_img" />

在每个匹配的元素之后。

Answer 5

该功能将在文件准备就绪时执行（你可以发出警告（＆＃34;某事＆＃34;）以查看它何时被执行。

关于函数选择的内容，..那里你唯一的选择器是右空格类

什么是操纵？正在操纵您选择的元素

您将img标记添加到.right-space元素的末尾。

Answer 6

此功能何时执行？

由于您将代码放在 DOM ready 中，因此会在页面加载时执行

此功能选择哪个元素？

$(".right-space")会将您网页中的任何元素与类right-space

匹配

这个函数如何操作这个元素？

$(".right-space").after(ADbanner);将插入ADbanner，这是带有类right-space的任何元素之后的图像。请参阅 .after()

还可以参观jQuery的官方 learning center

<强> Fiddle Demo

关于jQuery代码的一些基本问题

6 个答案: