Description
jQuery Syntax is to select specific elements from HTML document and perform some action on selected elements with manipulation in Dot sign ..
Note:
Original HTML and CSS files are not changed by jQuery and but in browser memory it changes only the representation of DOM of the page. Syntax
$(selector).action()
where
- $ sign is used to define/access a jQuery library. jQuery library is actually declared in a variable called jQuery.
selectordefine the Query or select a specific element from HTML document.action()define the action() to be performed on selected elements of HTML document.
CSS syntax is used by jQuery to select the HTML document elements.
Example
$("p").hide() : hide() function of jQuery hides all current 
Fade in/Fade out : This involves of hiding and showing html elements using nice fading effects. It is well used to show or hide a div and its content in a proper way.
<p> elements.
In this below example : $ sign defines the jQuery library, p element is the selector and it will select all p elements of HTML document, hide() function is action to hide all current visible p elements of HTML document.
[html]
<html>
<head>
<title>jQuery Syntax</title>
</head>
<body>
<h1>Welcome to SPLessons</h1>
<p>This is a first paragraph</p>
<span>This is a span element</span>
</body>
</html>
[/html]
[javascript]
$(document).ready(function()
{
$("p").hide();
});
[/javascript]
Output:
Key Points
- jQuery Syntax selects HTML elements and perform action on selected elements.
- $ accesses jQuery,selector selects HTML elements and action is a function performing some action on specified element.