Wednesday 3rd June 2009

by Sajith M.R

Start jquery for manipulating html file and execute javascript just like sql queries.

Simply pointer the dom object with a $  and manipulate with different built in function.

For example 

$(“p.neat”).addClass(“ohmy”).show(“slow”);

Don’t need to write javascript inside each node. It is like prototyping. Insted of adding an onClick=”function()” inside the node, jquery define the onclick function from the top level. Your html code will be clean and tidy. If CSS removes all the styling bits, Jquery removes all the javascript bits from html.

You can remap every default action from an html object.

For example normally when you click a link  (<a> tag) it navigate you through the href value. But if you add the jquery code as below:

$(document).ready(function(){
   $("a").click(function(event){
     alert("Thanks for clicking!");
   });
 })
It adds a thanks alert for every click in links.
and if you add :
event.preventDefault();
It prevents the default action also.
You can go to JQuery homepage: http://jquery.com/
and can learn more about JQuery.
The intention of this post was not an explaination about jquery, but some addition website which develops addons based on jquery.
Those are:
http://jqueryui.com/
jquerystyle.com/
visualjquery.com/
http://15daysofjquery.com/
http://usejquery.com/

http://blog.themeforest.net/?s=jquery
Comment me if you know any other jquery websites.
Logging out
-Sajith

Tags: , , , , ,

· · · ◊ ◊ ◊ · · ·

2 Responses to “JQuery – Play with html”

  1. Great Source:
    http://jquerylist.com

    Also check out Ext-JS port to jQuery which rocks!

    What is Ext-Js(Extended JavaScript):
    http://www.techartifact.com/blogs/2009/06/what-is-ext-jsextended-javascript.html

· · · ◊ ◊ ◊ · · ·

Leave a Reply

وظائف 2011 تحويل العملات برامج برنامج تسريع التحميل برنامج الفلاش برنامج محول الصوتيات عربي hotel 2011 زيادة رواتب العساكر 1431