Client-side development 1 - jQuery

 In this blog, I would like to give a  Introduction to the jQuery in THE CLIENT-SIDE DEVELOPMENT  that we see today and how they are being utilized in our day to day applications.






           A framework is usually a way to implement a solution, where as jQuery is just a tool to make it easier to implement what you want to do.
    
     You call a library from your program. A framework is something that your program calls for.

     It is a collection of software libraries that provides a programming interface for a defined application and jQuery is just a single library.
   
    One person's library is another person's framework,jQuery is a framework/library.


       JQuery is a lightweight JavaScript library, "write less, do more."

      The jQuery library contains the following features

        1.DOM manipulation based on CSS selectors that uses elements' names and attributes, such as id and class, as criteria to select nodes in the DOM

        2.CSS manipulation

        3.HTML event methods

        4.Effects and animations

        5.AJAX

        6.Utilities

         7.Compatibility methods that are natively available in modern browsers, but need fallbacks                  for older browsers, such as  jQuery.inArray() and jQuery.each()

        8.DOM element selections using the multi-browser open source selector engine Sizzle,
           a spin-off of the jQuery project

        9.Deferred and Promise objects to control asynchronous processing

        10.Cross-browser support

        Advantages of jQuery
   
        1. JQuery's main advantage is that it's much easier than its  competitors.
       
        2 .jQuery is flexible and fast for web development

        3. It comes with an MIT license and is Open Source

        4. It has an excellent support community

        5. It has Plugins

        6. Bugs are resolved quickly

        7. Excellent integration with AJAX

       The disadvantages of jQuery
   
        1.One of jQuery's major drawbacks is the large number of  releases in the short time.

        2.Initially, jQuery is easy to install and learn. But comparing it with CSS isn't that easy.

        3.If jQuery is incorrectly implemented as a framework, it can  get out of control of the         development environment.



     A jQuery Selector is a function that uses expressions to determine matching elements from a DOM based on the criteria given.

    You can simply say that selectors use jQuery to select one or more HTML elements.

    jQuery selectors start with the dollar sign and parentheses - $().

    Selector & Description
       
        1.Tag Name
            Represents a tag name available in the DOM. For example $('p') selects all paragraphs <p> in the document.

        2.Tag ID
            Represents a tag available with the given ID in the DOM. For example $('#some-id') selects the single element in the document that has an ID of some-id.

        3.Tag Class
            Represents a tag available with the given class in the DOM. For example $('.some-class') selects all elements in the document that have a class of  some-class.

    basic selectors and explains

      >  Name
         Selects all elements which match with the given element Name.

       > #ID
         Selects a single element which matches with the given ID.

       > Class
        Selects all elements which match with the given Class.

      > Universal (*)
         Selects all elements available in a DOM.

     >  Multiple Elements E, F, G
         Selects the combined results of all the specified selectors E,F or G.

   Advanced Selectors used in jQuery

  There are numerous selectors that you can use both in CSS and in jQuery. With jQuery, you can use advanced selectors that help you reference various elements in an HTML page and then apply properties and call methods as needed. In this article, we'll show you how to use more advanced selectors to format and manipulate HTML elements using jQuery.

                    The functions associated with these objects determine how the objects may be manipulated, and they are part of the object model. The Document Object Model currently consists of two parts, DOM Core and DOM HTML. The DOM Core represents the functionality used for XML documents, and also serves as the basis for DOM HTML.


      It will reduce the development time. Use it to add animation and even handling on your website. jQuery simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is easier to use compared to JavaScript and its other JavaScript libraries.


Benefits of using jQuery:

• Search Engine Optimized – While search engines are getting better at being able to read content within some Flash, everything within jQuery is setup as text. This means it is completely readable to all the search engines, exposing all your keyword rich content.
• Save Time – Five lines of jQuery are equivalent to 25 lines of conventional JavaScript code. This means smaller files and faster loading web pages.
• Plug-ins – There are an abundance of plug-ins on the web that make creating special effects simple and fast for web developers.
• That was easy! – jQuery has easy implementation for web developers in comparison to other applications.
• Cross Browser Friendly – jQuery is currently the most popular JavaScript library and works in all browsers.
• FREE! – free, open source software.