David Meador has Published 164 Articles

border-info class in Bootstrap 4

David Meador

David Meador

Updated on 15-Jun-2020 17:32:38

134 Views

Use the border-info class in Bootstrap, to set a border that indicates information. Set the class as if you use any other class in Bootstrap:   Details Above, we added border-info class. Another class, “one” is used to give shape to the div element −.one {   width: 180px;   ... Read More

Align an element with the bottom of the parent element's font in Bootstrap 4

David Meador

David Meador

Updated on 15-Jun-2020 17:27:55

868 Views

Use align-text-bottom class to align an element with the bottom of the parent element's font.You need to set the align-text-bottom class as shown below −   Bottom Text You can try to run the following code to implement the align-text-bottom class in Bootstrap 4 −ExampleLive Demo   Bootstrap ... Read More

Align gathered items “around” in Bootstrap 4

David Meador

David Meador

Updated on 15-Jun-2020 17:24:08

54 Views

Use .align-content-around class to align gathered items "around" in Bootstrap 4.The align-content-around class is set like the below code snippet −After that add the flex items −   One   Two   Three   Four Let us see an example to align gathered items around −ExampleLive Demo   ... Read More

Where do we use $.extend() method in jQuery?

David Meador

David Meador

Updated on 15-Jun-2020 13:18:40

1K+ Views

The jQuery.extend() method is used to merge contents of two or more objects together. The object is merged into the first object. You can try to run the following code to learn how to use extend() method −ExampleLive Demo $(document).ready(function() {   $("#button1").click(function() {     ... Read More

How to iterate over arrays and objects in jQuery?

David Meador

David Meador

Updated on 15-Jun-2020 13:17:04

1K+ Views

To iterate over arrays and objects in jQuery, use the jQuery forEach() loop. You can try to run the following code to learn how to iterate over arrays and objects −ExampleLive Demo $(document).ready(function(){   $("#button1").click(function(){     var arr = [{subject: "Maths", id:3}, {subject: "History", id:7}]; ... Read More

Database Design Methodologies

David Meador

David Meador

Updated on 15-Jun-2020 12:52:52

3K+ Views

Database Design Methodologies has phases to guide the designer for assistance. The Methodology has a structured approach to help in the design process.The following are the phases/ models −Conceptual PhaseThe Conceptual phase lets you know the entities and the relation between them. It describes the conceptual schema. The entities & ... Read More

Types of Entity Relationships in DBMS

David Meador

David Meador

Updated on 15-Jun-2020 12:43:07

5K+ Views

Entity in DBMS can be a real-world object with an existence, For example, in a Company database, the entities can be Employees, Department, Project, etc. In a College database, the entities are Profession, Students, Result, Activities, etc.An entity is represented as a single rectangle, shown belowThe following are the entity relationships −One-to-One ... Read More

How can I show and hide div on mouse click using jQuery?

David Meador

David Meador

Updated on 15-Jun-2020 11:02:16

18K+ Views

To show and hide div on mouse click using jQuery, use the toggle() method. On mouse click, the div is visible and on again clicking the div, it hides.ExampleLive Demo $(document).ready(function(){     $('#show').click(function() {       $('.menu').toggle("slide");     }); }); ... Read More

How can I show and hide an HTML element using jQuery?

David Meador

David Meador

Updated on 15-Jun-2020 10:57:41

1K+ Views

To hide and show an HTML element using jQuery, use the hide and show() methods. Here, the element is hidden and shown on button click, ExampleLive Demo $(document).ready(function(){     $("#visible").click(function(){         $("p").show();     });      $("#hidden").click(function(){       ... Read More

How to remove all child nodes from a parent node using jQuery?

David Meador

David Meador

Updated on 15-Jun-2020 09:17:39

311 Views

Use the jQuery empty() method to remove all child nodes from a parent node.ExampleYou can try to run the following code to remove all child nodes from a parent node using jQuery:Live Demo $(document).ready(function(){       $("#button1").click(function(){          $("ul").empty(); ... Read More

Previous 1 ... 5 6 7 8 9 ... 17 Next
Advertisements