Use FireBug to make JQuery learning easier and more enjoyable

FireBug is the most powerful debugging plug-in FireFox. using it can make JQuery's learning process easier and more pleasant. This article is a video I watched from a foreign site. After some simple practices, I found that doing so can indeed improve a lot of efficiency. This method is described as follows:

Prerequisites:

Install firefox + firebug

Here, my blog is used as an example:

The basic usage is as follows:

OK. Let's proceed to the question:

Taking the above image as an example, we can see that all the headers of the blog Park name the class postTitle. Below we use jQuery to hide the title on the page:

Of course, we can also add events to the page elements:

 

Summary

We briefly mentioned the simple application of firebug in debugging jQuery. Using this method, we can get the following benefits:

1. You do not need to modify a js Code to re-open the editor and debug it, saving time.

2. You can view the elements affected by jquery operations to make it easier to learn jQuery and debug it.

3. If someone is standing next to you, it looks more professional in this way-.-(well, I admit, this is what I did. The first humorous New Year ^_^)

I hope this article will help you.