View video tutorial

JQUERY TUTORIAL

JQUERY TUTORIAL

Java is one of the best implementations of Relational database management system (RDBMS) and (ORDBMS). You can manage any database after learning it.

Update in progress and will be completed shortly.

Thanks for being with us.

Database System


A database is an collection of organized and structural data, or information, usually stored electronically on a computer system.

DBMS is a software system, Where a database is controlled by a DBMS.

A software application system consisting of data and DBMS is usually called database system, or simply database.

Oracle, MySQL, PostgreSQL, SQL Server, MS Access are all commercial databases.

Learn Java

Practice with examples "Try it Now"

You can practice the Oracle command in your machine by following examples.

To see the output for every example click "Try it Now"

Example

<!DOCTYPE html>
<html>

<head>
    <title>jQuery Example</title>
    <meta charset="utf-8" />
    <style>
        button {
            width: 150px;
            height: 50px;
            background-color: cornflowerblue;
            font-size: 14pt;
            color: white;
            border-radius: 10px;
        }

        button:hover {
            background-color: rgb(17, 87, 218);
            color: white;
        }

        p {
            padding: 25px;
            border-radius: 5px;
            background: #fdbc7e;
        }
    </style>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script>
        $(document).ready(function () {
            // Fadeing out displayed paragraphs
            $(".out-btn").click(function () {
                $("p").fadeOut();
            });

            // Fading in hidden paragraphs
            $(".in-btn").click(function () {
                $("p").fadeIn();
            });
        });
    </script>
</head>

<body>
    <h2>jQuery Example</h2>
    <h4>Click this button to fadein/fadeout</h4>
    <button type="button" class="out-btn">Fade Out</button>
    <button type="button" class="in-btn">Fade In</button>
    <p>This is paragraph A.</p>
    <p>This is paragraph B.</p>

</body>

</html>
Try it Now »

Click on the "Try it Now" button to see how it works.


Sample Code

Copy each file contents and paste it to your own project and run to see the final output

Example

<!DOCTYPE html>
<html lang="en">
<head>
  <title>JavaScript Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/js/bootstrap.bundle.min.js"></script>

</head>
<body>

<div class="container-fluid p-5 bg-primary text-white text-center">
  <h1>JavaScript Example</h1>
  <p>Resize this responsive page to see the effect!</p> 
</div>
  
<div class="container mt-5">
  <div class="row">
    <div class="col-sm-4">
      <h3>Column 1</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
    </div>
    <div class="col-sm-4">
      <h3>Column 2</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
    </div>
    <div class="col-sm-4">
      <h3>Column 3</h3>        
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
    </div>
  </div>
</div>

</body>
</html>
Try it Now »

Click on the "Try it Now" button to see how it works.