RSS Feed

<3 JQuery

What can i say ? I m lovin it !

Today i ve used  JQuery for the first time  and wow i m really amazed. It’s soo great. You can acomplish a lot of usefull things soo easily.

Some Examples.

You want to find a table and mark a row with an empty  column ? No worries.

It’s Easy.

$(“table[summary=’Some Table’] tr:has(td:empty)”).css(“background-color”, “FF8855”)   });

In this example. JQuery first finds table with parameter summary with value Some Table. Then in look for tr’s (table rows) with empty column. After selection it uses css function to apply new style , here its just simple background color.

JQuery works on DOM – Document Object Model. so you have to be sure that document is ready. Every piece of code should be inside special fucntion

$(document).ready(function() {

// Code

});

Expression like $(….) is a selector. Selectors let’s you query DOM for objects (div , p , a ,table etc.). More info on Selectors …

When you have the object you can change , manipulate it in various ways ….
$(….).hide() – hides object 

$(….)css(…) –  let’s you add some css style to object.

There are tons of useful functions. Check Documentation , Tutorials and here is a nice “Cheat Sheet”

It’s so simple and easy. It’s so much fun playing around with JQeury.

If you want to taste it a bit , run your favourite Browser open Developer Console and try it.

April’s Fools day was yesterday but  here is a nice “trick” in javascript ^^.

Open your favourite website and paste this to your navigation bar.

javascript:document.body.contentEditable=’false’; document.designMode=’on’; void 0

Have Fun

Advertisements

One Comment on “<3 JQuery”

  1. […] See the article here: ❤ JQuery « LaMowy Blog […]


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s