Jquery on jpcercal.com

How and Why you should include jQuery from Google CDN in WP

Mon, 26 Aug 2013 17:30:19 +0000

jQuery is a library widely used for web development, and in WordPress we have this library included in the default installation package.

In this article, I’ll show you how and why you should replace WordPress’s default jQuery with jQuery from Google CDN (Content Distribution Network).

But why should you replace it?

Generally speaking, you should do this so the script loads faster for the end user.

Here are the points that should lead you to adopt this practice.

jQuery the difference between bind, live, delegate, on

Fri, 01 Feb 2013 04:07:20 +0000

The jQuery library lets you register events using the following methods: bind, live, delegate, on. Do you know when and where to use them? Do you know the difference between them?

If you don’t yet, we suggest reading this article.

BIND

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11


// Attach a handler to an event for the elements.
.bind( eventType [, eventData ], handler(eventObject) )
.bind( eventType [, eventData ], preventBubble )
.bind( events )

// ----------------------------------------------
// Exemplo:

jQuery('#botao').bind('click' function() {
 // faz alguma coisa...
});

Registers events on the elements selected by the jQuery library. It only allows registration on elements initially present in the DOM, meaning that if you create elements using javascript, ajax.. bind won’t work.

Validating forms with the jQuery Validade plugin

Mon, 21 Jan 2013 13:15:32 +0000

Today I introduce you to jQuery Validade, an excellent jQuery plugin developed by the team at http://bassistance.de.

You can download this plugin directly from the developer’s site (mentioned above) or from the GitHub repository (_https://github.com/jquery-validation/jquery-validation).

If you use GIT for version control, you can run the command below to clone the plugin’s official repository:

1

$ git clone https://github.com/jzaefferer/jquery-validation.git

To use this plugin you need to use jQuery.

jQuery Mask: Masks for form fields

Sun, 20 Jan 2013 11:01:36 +0000

A simple and quick way to add masks to form fields is to use a jQuery plugin, this plugin is called Masked Input Plugin.

To create a mask, you just need to provide a simple javascript command, with only the following rules:

a – Represents an alphabetic character (A-Z, a-z)
9 – Represents a numeric character (0-9)
* – Represents an alphanumeric character (A-Z, a-z ,0-9)

Let’s look at some practical examples: