Tech geek. Life geek.

Category: jQuery

jQuery v1.3 release

jQuery released its 1.3 version.
The new features shown as below:
* Sizzle: A sizzlin’ hot CSS selector engine.
* Live Events: Event delegation with a jQuery twist.
* jQuery Event Overhaul: Completely rewired to simplify event handling.
* HTML Injection Rewrite: Lightning-fast HTML appending.
* Offset Rewrite: Super-quick position calculation.
* No More Browser Sniffing: Using feature detection to help jQuery last for many more years to come.
Full release note here.
Download jQuery here.

jQuery UI 1.5 release

It is good news Today.
One API to Rule Them All
Stability, Debugging, Testing and jquery.simulate
The Need for Effects: Enter Enchant
Roll Your Own Themes: ThemeRoller!
Plugin Stabilization and Enhancements
jQuery UI v1.5:
Final Release:

$() Factory Function, CSS Selectors, XPath Selectors, Custom Selectors

No matter which type of selector we want to use in jQuery – be it CSS, XPath, or custom – we always start with the dollar sign and parentheses: $()
$() Factory Function
Let’s see some more common examples:
A tag name: $(‘p’) gets all paragraphs in the document.
An ID: $(‘#some-id’) gets the single element in the document that has the corresponding some-id ID.
A class: $(‘.some-class’) gets all elements in the document that have a class of some-class.
CSS Selectors
Chile combinator

$(‘#selected-id > li’)

Find each liste item (li) that is a child (>) of an element with an ID of selected-id (#selected-id).
Negation pseudo-class

$(‘#selected-id > li:not(.horizontal)’)

Find each list item that do not have a class of horizontal, which is a child of #selected-id.

Continue reading

basic of basic

1) $() function is actually a factory for jQuery object. It is the object encapsulates zero or more DOM dlements.
2) .addClass() and .removeClass()
They are fairly self-explanatory.
Its only parameter is the name of the class to add or remove.
Here are two samples.

Continue reading

jQuery category created

From today, I will start to learn jQuery framework. I compared the popular five Ajax toolkits, including jQuery. Now I choose jQuery as my Ajax toolkit.
I will build a Inout Board system by PHP, MySql and jQuery. To replace current Pentacle InOut Board based on the ASP and Access.
There is category, Ajax, in this blog. I changed it to jQuery to focus on the jQuery only.
OK, I will put some notes or tips of jQuery into David Yin’s Blog – jQuery.

jQuery 1.22 Released

jQuery announced the 1.22 release. It is a bug fix version. Over 120 bug fixes and the the changes make the speed improved.
The package is very small.
* jQuery Minified (15kb with Gzipping)
* jQuery Packed (28kb)
* jQuery Regular (93kb)
You can download it from the official site.
The big news is Google use the jQuery in their Google Code site.
Now, Happy Birthday to jQuery.

Validation – jQuery Plugins

I make a web form which have about 25 fields. Including date, text, number. I need a tool to doing the client side data validation.
Because I am learning jQuery. So I decide to go to jQuery official site. I think there may be some plugins.
Actually there are lots plugins related to form validation.
I chose the Validation.
It is preaty simplay when I need to validate some fields.
The code is:

Continue reading

Top 10 jQuery resources

Now to learn jQuery, everyone needs some studying resources.
The basic ones are shown as below:
1) jQuery official site.
Download jQuery 1.2.1
2) Documents of jQuery from official site.
3) Visual jQuery
4) jQuery Basics: From, this tutorial steps you through launching code on document ready, making something happen on click, adding a class, creating special effects, and working with callbacks.
5) Getting Started with jQuery: Covers a simple “hello world” example, selector and event basics, AJAX, FX, and usage and authoring of plugins. Knowledge of JavaScript and the document object model (DOM) is required.
6) 15 Days of jQuery: Tutorials and example code for table striping, safer mailto links, stylesheet switching, multiple-file uploading, and more.
7) jQuery Reference Guide: It is a reference book. $33.44 on Amazon.
8) Learning jQuery
9) jQuery UI
10) The last will be my Blog, Ajax section.
Spend two weeks on them. I think I can use jQuery to make some web application with some Web 2.0 features.

Ajax toolkit comparison

Ajax is very useful in Web 2.0 world. What is Ajax?
Ajax is Asynchronous JavaScript and XML.
Now so many different Ajax toolkits online. Which one is better?
Actually, if you doing some search on the web, you will find a lot of different results.
Some one said the Prototype is best, another one said Dojo is perfect.
How can we find the right one for yourself?
Let me compare them.
Now I have five Ajax toolkits here.
1) Prototype
2) Dojo
3) Yahoo
4) Google
5) jQuery
First of all, the learning curve is the most important issue. For the guy who has some php or other language skill, jQuery is the easiest one. You don’t need a lot of time to learn it. After jQuery are, Prototype, Yahoo, Dojo, and Google.
Next is ease of use. They are almost same. Only Google is a little bit weak.
For the file size, jQuery is smallest one.
There are many issue to be compared.

Continue reading

© 2020 David Yin's Blog

Theme by Anders NorenUp ↑