• (775) 229-4254
  • support@itmsnv.com

Call Today (775) 229-4254

Learning to use jQuery

What is jQuery?

jQuery is a fast, small, and feature-rich JavaScript library. JQuery makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. It is a very powerful web dev tool.

jQuery was released in 2006, originally as a DOM manipulation library. It has since grown much bigger, and now provides hundreds of methods for selecting nodes, as well as traversing the DOM, animation effects, Ajax and events. Perhaps the biggest advantage of using jQuery is its support for older browsers. If you find yourself having to support these browsers then jQuery could save you a huge amount of time and headache.

Click To See Examples....

jQuery HTML Tag ID example

               

This is text above the picture!

This is an example of how you can control different types of html tags by ID's using jQuery.
<div class="row">
    <div class="col-lg-offset-10 well center-block">
        <input id="btnHideDiv" type="button" value="Hide the Div Tag" >
           
        <input id="btnShowDiv" type="button" value="Show the Div Tag" >
           
        <input id="btnShowPic" type="button" value="Show the Picture" >
           
        <input id="btnHidePic" type="button" value="Bounce the Picture" v
    <div>
<div id="picDiv" class="row">
        <p>This is text above the picture! <p>
        <img id="pic" src="../images/it-master-services-sparks-nevada-white.png" >
</div>
                                                
$(document).ready(function () {
    $('#btnHideDiv').click(function () {
        $('#picDiv').hide();
    });
    $('#btnShowDiv').click(function () {
        $('#picDiv').show();
    });
    $('#btnShowPic').click(function () {
        $('#pic').show();
    });
    $('#btnHidePic').click(function () {
        $('#pic').hide();
    });
    $('#btnBounce').click(function () {
        $("#pic").toggle("bounce", { times: 3 }, "slow");
    });
});
                                                 

Creating a read more text area

Click To Read more....

This is some text that can be expanded and collapsed by jQuery.

Client Testimonials

It is my pleasure to comment on my relationship with Mark and on the work he has done for me over the past few years. Basically, there are few service providers (of any type) who are as committed, honest, diligent and patient as Mark Albin. For me the recent experience of totally converting/updating my office was a fantastic one primarily due to Mark’s abilities. As you can tell, I would recommend his services without hesitation.

Jennifer Q.
Reno, Nevada