jQuery Succinctly

11 Posts

We recently had the opportunity to collaborate with the fine team at Syncfusion to offer you one of their popular eBooks, jQuery Succinctly, in session form.

This session was written by Cody Lindley to express, in short-order, the concepts essential to intermediate and advanced jQuery development. Its purpose is to instill in you, the reader, practices that jQuery developers take as common knowledge. Each article contains concepts essential to becoming a seasoned jQuery developer.

Posts in this series
  • Web Development
    jQuery Succinctly: jQuery IntroductionJquery cover
    This session is intended for three types of readers. The first is someone who has read introductory material on jQuery and is looking for the next logical step. The second type of reader is a JavaScript developer, already versed in another library, now trying to quickly learn jQuery. The third reader is I, the writer. I crafted these articles to be used as my own personal reference point for jQuery concepts. This is exactly the type of resource I wish every JavaScript library had available.Read More…
  • Web Development
    jQuery Succinctly: Core jQueryJquery cover
    Base Concept Behind jQuery While some conceptual variations exist (e.g. functions like $.ajax) in the jQuery API, the central concept behind jQuery is "find something, do something." More specifically, select DOM element(s) from an HTML document and then do something with them using jQuery methods. This is the big picture concept.Read More…
  • Web Development
    jQuery Succinctly: jQuery SelectingJquery cover
    Custom jQuery Filters Can Select Elements When Used Alone It is not necessary to provide an actual element in conjunction with a filter, such as $('div:hidden'). It is possible to simply pass the filter alone, anywhere a selector expression is expected.Read More…
  • Web Development
    jQuery Succinctly: Traversing With jQueryJquery cover
    Difference Between find() and filter() Methods The filter() method is used to filter the current set of elements contained within the wrapper set. Its usage should be left to tasks that require filtering a set of elements that are already selected. For example, the code below will filter the three <p> elements contained in the wrapper set.Read More…
  • Web Development
    jQuery Succinctly: jQuery ManipulationJquery cover
    Creating, Operating, and Adding HTML On the Fly You can create HTML markup on the fly by passing the jQuery function a string of raw HTML.Read More…
  • Web Development
    jQuery Succinctly: HTML Forms & jQueryJquery cover
    Disable/Enable Form Elements Using jQuery, you can easily disable form elements by setting the disabled attribute value of a form element to disabled. To do this, we simply select an input, and then using the attr() method, we set the disabled attribute of the input to a value of disabled.Read More…
  • Web Development
    jQuery Succinctly: Events & jQueryJquery cover
    Not Limited To a Single ready() Event It is important to keep in mind that you can declare as many custom ready() events as you would like. You are not limited to attaching a single .ready() event to the document. The ready() events are executed in the order that they are included.Read More…
  • Web Development
    jQuery Succinctly: jQuery and the Web BrowserJquery cover
    Disabling the Right-Click Contextual Menu Using JavaScript, you can disable the browser's native right-click contextual menu. Doing so with jQuery is a snap. We simply cancel the contenxtmenu event.Read More…
  • Web Development
    jQuery Succinctly: jQuery PluginsJquery cover
    Use the $ Alias When Constructing a Plugin When writing a jQuery plugin, the same conflict prevention routine used with regular, old jQuery code should be implemented. With this in mind, all plugins should be contained inside a private scope where the $ alias can be used without fear of conflicts or surprising results.Read More…
  • Web Development
    jQuery Succinctly: jQuery EffectsJquery cover
    Disable All jQuery Effect Methods It is possible to disable all of the animating methods jQuery provides by simply setting the value of the off property to true.Read More…
  • Web Development
    jQuery Succinctly: jQuery and AjaxJquery cover
    The jQuery ajax() Function is the Lowest-Level Abstraction The jQuery ajax() function is the lowest level of abstraction available for XMLHttpRequests (aka AJAX). All the other jQuery AJAX functions, such as load(), leverage the ajax() function. Using the ajax() function provides the greatest functionality available for XMLHttpRequests. jQuery also provides other higher-level abstractions for doing very specific types of XMLHttpRequests. These functions are essentially shortcuts for the ajax() method.Read More…