1
00:00:00,570 --> 00:00:01,380
We can use the J.

2
00:00:01,380 --> 00:00:07,920
Query after AND before methods to add content after or before an H criminal element.

3
00:00:07,920 --> 00:00:11,200
In this example we have an image with two buttons below it.

4
00:00:11,940 --> 00:00:18,700
If we click the insert before button we can see that the text is added before the image if we click

5
00:00:18,730 --> 00:00:24,910
insert after the text is added after the image.

6
00:00:25,070 --> 00:00:27,800
We'll take a look at our HMO page to see how this works

7
00:00:34,280 --> 00:00:35,480
in our body tags.

8
00:00:35,480 --> 00:00:42,310
We have two buttons each with a unique I.D. button one and button two.

9
00:00:42,330 --> 00:00:47,610
We also have our image tag which contains the source of our image.

10
00:00:52,000 --> 00:00:56,500
Now taking a look at our script we can see there's a click event attached and Button 1

11
00:01:00,790 --> 00:01:01,320
when clicked.

12
00:01:01,330 --> 00:01:10,380
We use the before method to attach some text before the image button to also has a click event when

13
00:01:10,380 --> 00:01:11,190
clicked.

14
00:01:11,190 --> 00:01:17,700
Text is attached after the image and that is how you apply the before and after methods.