Top Web2

hi guys we will talk to day about my favourite javascript framework ( jquery )
and the first lesson you should learn in jquery is Selectors or how you can select a DOM element in the page

ok lets start

first to select a DOM you must wait the full page to load, the javascript programmers know that if we want to control an element in the web page we use
window.onload event to run the code in it
but the problem is that this event will fire after all page downloaded including images and other heavy element

jquery has a similar event but the event fired when the DOM is ready


$('document').ready(function(){
// your code here
});


ok now we know when we will run our code and how and where we write

now the good part of our articles : selectors

if you know css you will use selectors perfectly because simply
jquery selectors = CSS
yea its a true, don’t believe me look at the next example


//jquery code
$('document').ready(function(){
$('div.mydiv').hide('slow');
});



/* css code */
div.mydiv{
display:none;
}


do you believe me now try to pick a different between the jquery selector and css selector no different

so if you want to select a element with id simple_id
simply type
$(‘#simple_id’)

global elements

for example
$(‘a’)

class
$(‘.simple_class’)

just know css selectors and use it with jquery

the next post in jquery i will discuss the advanced selectors with jquery & css 3 , so keep watching me