jQuery And Its Basics




jquery is a important factor in designing a web page because it can perform many  functions that it can include animations like slide down, slide up, toogle etc. They contribute more animations than a cascading style sheet.



Syntax:

 Basic syntax is: $(selector).action()


$(document).ready(function(){

 // jQuery methods go here...

});


 The jQuery is written inside the script tag but only this function works when we write the Google's on Microsoft's script source code inside the script tag. The cdn of the script tag of Microsoft and Google is is given below:

Google CDN:

<head>
<scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>

Microsoft CDN:

<head>
<scriptsrc="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script>
</head>

jQuery Syntax

The jQuery syntax is tailor-made for selecting HTML elements and performing some action on the element(s).
Basic syntax is: $(selector).action()
  • A $ sign to define/access jQuery
  • A (selector) to "query (or find)" HTML elements
  • A jQuery action() to be performed on the element(s)
Examples:

$(this).hide() - hides the current element.

$("p").hide() - hides all <p> elements.

$(".test").hide() - hides all elements with class="test".

$("#test").hide() - hides the element with id="test".


Comments

  1. Ankita KumariMay 20, 2020 at 7:44 PM

    Thank you for sharing this informative post. Looking forward to read more.
    Web Design and Development Company

    ReplyDelete
  2. keerthanaJuly 18, 2020 at 5:30 PM

    thx for sharing

    PHP Training in Chennai | Certification | Online Training Course | Machine Learning Training in Chennai | Certification | Online Training Course | iOT Training in Chennai | Certification | Online Training Course | Blockchain Training in Chennai | Certification | Online Training Course | Open Stack Training in Chennai |
    Certification | Online Training Course

    ReplyDelete
  3. AnonymousAugust 25, 2020 at 11:31 AM

    Thank you for sharing useful information with us. please keep sharing like this.
    And if anyone like to take admission in Dehardun then check this.

    Tula's Institute Best Bsc Agriculture Colleges in Dehradun

    ReplyDelete
  4. dhineshSeptember 6, 2020 at 2:04 PM

    Thanks for one marvelous posting! I enjoyed reading it; you are a great author. I will make sure to bookmark your blog and may come back someday. I want to encourage that you continue your great posts.


    Full Stack Training in Chennai

    Full Stack Course Chennai
    Full Stack Training in Bangalore

    Full Stack Course in Bangalore

    Full Stack Training in Hyderabad

    Full Stack Course in Hyderabad

    Full Stack Training

    Full Stack Course

    Full Stack Online Training

    Full Stack Online Course





    ReplyDelete
  5. VD WorldOctober 7, 2020 at 9:35 PM

    very interesting, good job and thanks for sharing such a good blog. Seo Services Delhi

    ReplyDelete
  6. AuthorOctober 9, 2020 at 10:46 AM

    I got really good information from this content.thanks for sharing.

    SEO Training in Pune
    SEO Training in Mumbai
    SEO Training in Delhi
    SEO Training in Bangalore
    SEO Training in Hyderabad

    ReplyDelete
  7. rajk939291February 6, 2024 at 4:38 PM

    Learn Full Stack Developer Course in Hyderabad from No.1 Full Stack Training Institute. We teach MERN Full Stack, JAVA Full Stack, Python Full Stack courses with Real time Projects. Our Full Stack Developer Course includes basic to advanced level concepts. We have designed our Full Stack Development Course content based on students' requirements to achieve goals. We offer Classroom Full Stack Development training in Hyderabad and Full Stack Development online training by 10+ years Experienced Industry Experts.

    ReplyDelete

Post a Comment

Popular posts from this blog

Node.js Cheat Sheet

Image
To start a new node project, type  C:\Users\jinoy\OneDrive\Desktop\MERN>npm init -y      The basic syntax of calling a function in node.js with express is : const   functionname  = ()  =>  { console . log ( "hello world" ); } functionname (); To call a function after every 5 seconds : setInterval (()  =>  {      console . log ( "hello" ); }, 5000  ); To call a function only once after 4 second : setTimeout (() => { console . log ( "test" ); }, 4000 ); To run a script.js file on terminal, type : C:\Users\jinoy\OneDrive\Desktop\MERN>node script.js  OR C:\Users\jinoy\OneDrive\Desktop\MERN>node script To stop a function that is executing on every interval( time to call function again) : const   interval  =  setInterval (()  =>  {      console . log ( "hello" ); }, 1000  ); setTimeout (() => {      clearInterva...
Read more

Codeigniter ! Simple But Powerful

Image
CodeIgniter is a powerful PHP framework with a very small footprint, built for developers who need a simple and elegant toolkit to create full-featured web applications. It is the second largest php framework for website development (first-Laravel). Due to its simplicity, it is the most used framework ever than laravel. Actually these frameworks are only used for developing large scale website. The important thing about this framework is that it is using MVC principle . A MVC or Model View Control framework has a controller that controls all the pages in the website. There can be any number of controller created in codeigniter. The orginal webpages or the contents are placed in the folder named view .  Note : Don't touch the forder named system because it is the soul of the codeigniter Next ⇒
Read more

Bootstrap ? What is it ?

Image
Have you ever thinked about designing a file that can contain different styles which can be ewhile writing every code. Here is the answer. A Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites. Bootstrap is a free and open source front enddevelopment framework for the creation of websites and web apps. The Bootstrap framework is built on HTML, CSS, and JavaScript (JS) to facilitate the development of responsive, mobile-first sites and apps. The bootstrap file contain many CSS style , JavaScript and HTML which can be called any number of times during the execution of the program. The bootstrap file is a W3C accepted standard file wich can be used to develop a stylish website easly. Here you can download the bootstrap file directly from my website. It is the now available latest version of the bootstrap file. Version : 4.3.1 Click on the link below to download the bootstrap file. Bootstrap version 4.3.1 If you need ...
Read more