{"id":790,"date":"2021-04-22T05:40:52","date_gmt":"2021-04-22T05:40:52","guid":{"rendered":"https:\/\/bcisnotes.com\/fourthsemester\/?p=790"},"modified":"2021-04-22T05:40:52","modified_gmt":"2021-04-22T05:40:52","slug":"jquery-methods-client-side-scripting-bcis-notes","status":"publish","type":"post","link":"https:\/\/bcisnotes.com\/fourthsemester\/jquery-methods-client-side-scripting-bcis-notes\/","title":{"rendered":"jQuery Methods || Client Side Scripting || BCIS Notes"},"content":{"rendered":"
\n
\n
\n

jQuery Methods<\/h1>\n

There are many jquery Methods for dom manipulation, transversal m, event handling or event triggering, attributes manipulation, dimension manipulation, CSS manipulation, and animations.<\/p>\n

jQuery show() and hide() Methods<\/h3>\n

You can show and hide HTML elements using the show() and hide() methods.<\/p>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n

The hide() method simply sets the inline style display: none for the selected elements. Conversely, the show() method restores the display properties of the matched set of elements to whatever they initially were\u2014typically block, inline, or inline-block\u2014before the inline style display: none was applied to them. Here’s is an example.<\/p>\n

\"jQuery<\/p>\n

jQuery fadeIn() and fadeOut() Methods<\/h3>\n

You can use the fadeIn() and fadeOut() methods to display or hide the<\/p>\n

HTML elements by gradually increasing or decreasing their opacity.<\/p>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n

\"jQuery<\/p>\n

jQuery slideUp() and slideDown() Methods<\/h3>\n

The jQuery slideUp() and slideDown() methods are used to hide or show the HTML elements by gradually decreasing or increasing their height (i.e. by sliding them up or down).<\/p>\n

\"jQuery<\/p>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n

jQuery animate() Method<\/h3>\n

The jQuery method is used to create custom animations.<\/p>\n

The method is typically used to animate numeric CSS properties, for example, width, height, margin, padding, opacity, top, left, etc. but the non-numeric properties such as color or background-color cannot be animated using the basic jQuery functionality.<\/p>\n

Syntax<\/h2>\n

The basic syntax of the jQuery animate() method can be given with: $(selector).animate({ properties }, duration, callback);<\/p>\n

The parameters of the animate() method have the following meanings:<\/p>\n