1
00:00:00,480 --> 00:00:04,570
With Jake Query we can remove HMO elements using filters.

2
00:00:04,710 --> 00:00:09,360
In this example page we have four paragraphs when we click the removed button

3
00:00:12,540 --> 00:00:18,660
we have triggered an event that will remove paragraphs 2 3 and 4 from the web page using the filter

4
00:00:18,750 --> 00:00:23,190
removed method.

5
00:00:23,270 --> 00:00:26,960
Let's take a look at the code to gain a better understanding of how this works

6
00:00:32,510 --> 00:00:33,670
in our body tag.

7
00:00:33,690 --> 00:00:39,090
We have a button element in four paragraph elements.

8
00:00:39,930 --> 00:00:51,780
The first paragraph element has no idea assigned the second and third have the class read one and the

9
00:00:51,780 --> 00:00:55,630
fourth paragraph has the class room too.

10
00:00:55,950 --> 00:01:04,400
We've defined this style properties of REM 1 and REM 2 in our style sheet so you can see that REM 1

11
00:01:05,390 --> 00:01:09,360
the text color is blue font sizes 15 and REM 2.

12
00:01:09,380 --> 00:01:15,580
The text colors red font size is also 15 now in our script.

13
00:01:15,710 --> 00:01:18,460
We've created a click event on the button.

14
00:01:20,690 --> 00:01:29,180
When the button is clicked we've used the removed method to remove any paragraph element with the ideas

15
00:01:29,180 --> 00:01:33,160
REM 1 or REM 2.

16
00:01:33,520 --> 00:01:37,870
And so that's how the removed method can be applied.

17
00:01:39,580 --> 00:01:41,350
So once again if I refresh the page

18
00:01:45,020 --> 00:01:46,460
that's how that works.