</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <div id="BeforeHeaderContent"> </div> <div id="HeaderContent"> <div id="ProjectTitle">ComponentOne MVC5 Tools for ASP.NET Wijmo</div> <div id="PageTitle"><div id="PageTitleText">jQuery Syntax</div></div> </div> <div id="AfterHeaderContent"> <!-- Spacing --> <span id="ToggleAllSectionsLink" class="FunctionLink"> <label id="CollapseAllLabel">Collapse All</label> <label id="ExpandAllLabel" style="display: none;">Expand All</label> </span> </div> <div class="BreadcrumbsContainer"><table><tr><td> <a href="Introduction to jQuery and jQuery UI.html">jQuery and jQuery UI</a> > jQuery Syntax</td></tr></table></div> <div id="BodyContent"> <p>jQuery syntax was designed to allow developers to easily select HTML element(s) and then perform some action on the element(s). The rudimentary syntax is as follows:</p> <p><code>$(selector).action()</code></p> <p><code>$</code> references jQuery; <code>(selector)</code> queries the HTML element or elements; and <code>.action()</code> performs an action on the element.</p> <p>Examples of jQuery syntax:</p> <ul type="disc"> <li><code>$(this).hide()</code> : Hides the current element.</li> <li><code>$(“p”).hide()</code> : Hides all paragraphs.</li> <li><code>$(“p.wow”).hide()</code> : Hides all paragraphs of the class “wow”.</li> <li><code>$(“#wow”).hide()</code> : Hides an element with the id of “wow”.</li> </ul> <a name="seealsobookmark"></a> </div> <div id="FooterContent"> <p> </p><p> </p><hr style="height: 1px"><p>Copyright @ GrapeCity, inc. All rights reserved.</p> <a target="_blank" href="http://feedback.componentone.com/forums/255768-asp-net-documentation">Documentation Feedback</a> | <a href="http://our.componentone.com/groups/" target="_blank">Product Support Forum</a> </div> </body> </html>