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 (() => {      clearInterval ( interval );      console . log ( "stopped" ); }, 6000 ); The above function will work continously untill
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

Introducing Cloudflare Pages ⚡

Image
https://github.com/Jinoy-Varghese/Jain-Lab After a long time cloudflare introduce new feature ' cloudflare pages ' allowing jamstack developers to host their website as free in cloudflare page. This new feature allow developers to use unlimited bandwidth and unlimited websites as a free user. You can host your repo directly to cloudflare servers using github.Websites are built through collaboration between designers, engineers, writers, and more. Cloudflare Pages makes it effortless to satisfy each group, so you can iterate quickly, and save time on coordination. You don't need to worry about the ssl certificate, since cloudflare provides ssl free certificate too.  Note: This pages are only for front end developers, it didn't have a database and did not support php.
Read more