Mastering jQuery

This Mastering jQuery category of this blog is a supplementary to the tutorials in our website. It focuses on building more fundamental concept to jQuery webpage design. It will discuss everything about jQuery, from the very beginning to some more advanced topics. New tutorials will constantly add this jQuery blog. Please come back often.

  • Using jQuery getJSON() Method
    October 8, 2013

    I already discussed how to Get Data from External File with jQuery Ajax Method before. Actually there is a much easier way to get data from external file (usually JSON file format). This is called get...

  • Post to External PHP and Receive Data Back with jQuery Ajax Method
    September 30, 2013

    I already discussed how to use jQuery to GET data from external file by using the Ajax method. Let's play around with the jQuery Ajax method a bit more. Today, I am going to show how to Post data to a...

  • Using jQuery serializeArray() Method
    September 27, 2013

    The jQuery serializeArray() method simply creates an array of objects (name and value) by serializing values of HTML form. This is very useful when posting data of HTML form for processing. Let's take...

  • Get Data from External File with jQuery Ajax Method
    September 25, 2013

    With jQuery, this is rather easy to GET data from external file by using the Ajax method.  Actually I already discussed how to use jQuery to read an external text database with jQuery.get() method lon...

  • jQuery Select Elements with Parents() and Parent() in an Element Nested Tree
    May 13, 2013

    In previous jQuery tutorials, we can easily handle current selected element with $(this). However we sometimes also need to do some animation or other web effects with other elements "related" with th...

  • jQuery Handle Current Selected Element with $(this)
    May 11, 2013

    In my previous jQuery post about Animate Div Layer to Resume Original HTML Layout, there is only one image on the webpage layout. Therefore the image is surely the right target being selected. ...

  • jQuery Animate Div Layer to Resume Original HTML Layout
    May 10, 2013

    I recently doing a very interesting webpage design with jQuery. The basic idea is very simple. Actually we learned it before for many times. Therefore this is very important to know how to apply what ...

  • Sample Websites for CSS Horizontal and Vertical Menu
    June 25, 2012

    I prepared the CSS Horizontal Menu and CSS Vertical Menu video tutorials last year. I always think that this is rather easy to insert the CSS menu on any websites. However I have been receiving a lot ...

  • jQuery GET status
    April 12, 2012

    I already discussed briefly about jQuery GET before. Actually the jQuery GET also return a second parameter indicating the status of getting the file. Let's see an example: <head> <title&...

  • Using jQuery POST
    April 12, 2012

    The jQuery POST allow passing parameters to other file and then process the returned data. This is better to see how jQuery POST works with an example. I have two files: jquery-example-using-po...

  • jQuery Auto Browsing URLs with Counter
    April 12, 2012

    I made a simple jQuery Auto Browse URLs application before. The application allow webmasters or visitors to browse a list of URLs or website automatically.  However this is always better to let the vi...

  • jQuery Using SetInterval Function
    April 12, 2012

    The jQuery setInterval function allows to call a function to execute in a set time delay in milli-seconds. With the use of jQuery setInterval function, many interesting animation or repeated jobs can ...

  • jQuery Function Basic
    April 12, 2012

    Basically, functions are simply a block of codes that will be executed when run or called. The concept of function is almost the same for all computer programming. The main benefit of using function i...

  • jQuery Auto Browsing URLs or Websites
    April 11, 2012

    We already got enough knowledge to read and get an external text database, get individual records and looping through all records with jQuery. Let's try to build a very simple application with jQuery,...

  • jQuery Loop Through Read Text File
    April 11, 2012

    I already discussed how to get individual record of a text database in previous post. This method is good only if we know the element number of the searched record. In most cases, computer programming...

  • jQuery Manipulate Read Text File
    April 11, 2012

    I got the text database file with jQuery.get() method successfully in my previous post. Like most computer application, the next step is see how to manipulate the source database. Let's review the ...

  • jQuery Read Text File
    April 11, 2012

    Today, I am going to discuss how to use jQuery to read a text file or text database. Sometimes we only need a text database when the data is not so sensitive or unimportant.  Let's see how jQuery read...

  • jQuery Load External Web Page
    April 9, 2012

    Sometimes we like to embed or load contents from other web pages or external web pages. This can easily be done with jQuery. The position and size of the embedded contents can be adjusted with the use...

  • A First Look at jQuery and PHP
    April 8, 2012

    Sometimes we need to work jQuery with PHP. Actually jQuery works with PHP in the same way as HTML. Let's take the same text counter example before to see how jQuery works with PHP.   <head> ...

  • jQuery Generate Random Numbers Between Two Values
    April 5, 2012

    I discuss how to generate random numbers within a range with jQuery in my previous post. Actually there are many custom jQuery functions on the Internet that can generate random numbers between two va...

  • Generate Random Numbers with jQuery
    April 3, 2012

    This is very easy to generate a random number with jQuery but it does require a little trick. The first idea comes to my mind is using the jQuery math.random() method. math.random(); The jquery math...

  • Create a Text Counter with jQuery setInterval Method
    March 28, 2012

    Today I am going to do a simple text counter with jQuery. The number of the text counter will increase by one in every one second. Demo: The counting number is: Start Counting... The jQuery codes...

  • Print Hello World Again with jQuery
    March 26, 2012

    In previous jQuery blog, I use a "span class" element to print out the "Hello World". How about using a "DIV layer" to print out the "Hello World" with jQuery. The jQuery codes are almost the same. Le...

  • Print Hello World with jQuery
    March 24, 2012

    We already learned how to pop up a message box with jQuery when visitors open a web page. In this post, I am going to do something a little bit difficult with jQuery, but more interesting. Actually th...

  • Your First jQuery Code
    March 22, 2012

    I already have the most basic concept of jQuery in my previous post, let's try to do something easy. I would like to pop up an alert message box when this post or web page is open. You should always s...

  • What is Document Object Model (DOM)
    March 20, 2012

    In order to master jQuery programming better, this is necessary to  have a basic understanding of Document Object Model (DOM). I just want to discuss DOM briefly so that everybody should be much easie...

  • Getting Started with jQuery
    March 20, 2012

    The first step is download the jQuery library from jQuery official website: http://docs.jquery.com/Downloading_jQuery jQuery Library Download Screen: You have the option to download jQuer...


Comments are closed.