Home > Web Front-end > JS Tutorial > Firefox FireBug makes learning JQuery easier and more enjoyable_javascript tips

Firefox FireBug makes learning JQuery easier and more enjoyable_javascript tips

WBOY
Release: 2016-05-16 18:37:37
Original
981 people have browsed it

This article is a video I watched from a foreign website. After simple practice, I found that doing so can indeed improve a lot of efficiency. Let’s talk about this method:

Prerequisites:
Install firefox firebug
Here is my blog as an example:

Firefox FireBug makes learning JQuery easier and more enjoyable_javascript tips

Basic usage is as follows:

Firefox FireBug makes learning JQuery easier and more enjoyable_javascript tips

OK, let’s get down to business:

Take the picture above as an example. We see that all the titles in the blog park have the class named: postTitle. Next, we use jQuery to hide the titles on the page:

Firefox FireBug makes learning JQuery easier and more enjoyable_javascript tips

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

Firefox FireBug makes learning JQuery easier and more enjoyable_javascript tips

Summary
Above we briefly talked about the simple application of firebug in debugging jQuery. Using this method, we can get the following benefits:
1. There is no need to modify a little js code every time Just reopen the editor & debug to save time
2. You can view the elements affected by the jquery operation, making learning jQuery and debugging easier
3. If there are people standing next to you, use this method to appear More professional-.-(Okay, I admit, this is my favorite. The first humor in the new year ^_^)
I hope this article will be helpful to you

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template