Educational

Author: Saim Khalid

  • Looping Through Elements

    —

    by

    Saim Khalid
    in

    .each() loops through all selected elements.

  • AJAX with jQuery

    —

    by

    Saim Khalid
    in

    .load(“file.txt”) fetches and displays external content without refreshing the page.

  • Event Handling

    —

    by

    Saim Khalid
    in

    .keyup() fires every time you release a key..val() gets the input value..text() updates paragraph text.

  • Animations

    —

    by

    Saim Khalid
    in

    .animate() allows you to animate CSS properties (e.g., move, resize, opacity).

  • CSS Manipulation

    —

    by

    Saim Khalid
    in

    .css() is used to change or read CSS properties.

  • Show & Toggle

    —

    by

    Saim Khalid
    in

    .toggle() shows/hides the element depending on its current state.

  • jQuery Basics

    —

    by

    Saim Khalid
    in

    Example: Hide an Element Explanation:

  • Cheatsheet

    —

    by

    Saim Khalid
    in

    jQuery simplifies JavaScript code. It reduces the JavaScript code into a single line of code. It is a fast, small, and feature-rich JavaScript library. It makes easy interaction between HTML and CSS documents, DOM, and JavaScript. jQuery is designed to simplify HTML document traversal and manipulation, event handling, animation, and Ajax with an easy-to-use API that…

  • Questions & Answers

    —

    by

    Saim Khalid
    in

    jQuery Questions and Answers has been designed with a special intention of helping students and professionals preparing for various Certification Exams and Job Interviews. This section provides a useful collection of sample Interview Questions and Multiple Choice Questions (MCQs) and their answers with appropriate explanations. SN Question/Answers Type 1 jQuery Interview QuestionsThis section provides a huge collection of jQuery…

  • Weather.js

    —

    by

    Saim Khalid
    in

    Weather.js is a jQuery plugin to find the information about weather details. A Simple of Weather.js example as shown below − <!DOCTYPE html><html lang =”en”><head><meta charset =”UTF-8″><meta name =”viewport” content = “width = device-width, initial-scale =1″&gt;&lt;link rel =”stylesheet” href =”https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css”&gt;&lt;link rel =”stylesheet” href =”https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css”&gt;&lt;link href =’https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700′ rel =’stylesheet’ type =’text/css’&gt;&lt;link rel =”stylesheet” type =”text/css” href…