Implementation of basic fade-in and fade-out effects based on jQuery _ jquery-js tutorial

This article describes how to implement the most basic fade-in and fade-out effects based on jQuery. It provides examples of how to use hide, show, toggle, and other functions in jQuery, for more information about jQuery, see the following example. Share it with you for your reference. The specific analysis is as follows:

JQuery is a JavaScript library, which is an extension of JavaScript to meet various increasing special effects. The essence is JavaScript.

Next we will compile a basic JQ program to illustrate JQ.

I. Basic Objectives

There are three buttons in the webpage. One button can only hide text, and the other can only show text. The other button can hide and show text at the same time. Click Show and click hide to show the text without limit. As shown in:

Ii. Production Process

1. First, you need to download a JQ support file from the JQ official website and put it in your site folder. This supported file is jQuery1.11 (click to open the link). You can download jQuery1.11 compatible with the old browser IE6 (click to open the link) from the jQuery official website, rather than jQuery2 incompatible with the old browser ie6.

2. The entire webpage code is as follows, which is further described in parts:

The Code is as follows: