jQuery jest językiem szytym na miarę pod manipulacje elementami HTML. Dzisiaj zapoznamy się z podstawami składni tegoż języka. Post jest uzupełnieniem poprzedniego tematu dotyczącego jQuery który możesz znaleźć tutaj.
jQuery składnia
Składnia czyli co się z czym je.
Podstawowa składnia to: $(selektor).akcja ()
- Znak $ definiuje wejście dla jQuery.
- Selektor definiuje element który wskazujemy do działania
- Akcja to działania które „odpala” funkcje
Przykłady:
- $(div).hide() – chowanie danego elementu
- $(this).hide() – chowanie aktualnego (wskazanego przez funkcje elementu)
- $(‚.box’).hide() – chowanie elementu o klasie „box”
- $(‚#box).hide() – chowanie elementu o id „box”
Powyższe przykłady wykonują jakąś konkretną akcję – można jednak zdefiniować kiedy konkretna akcja ma być wykonana.
Przykłady:
- (‚#box’).click(function(){ „akcja” } )
- (‚#box’).mouseEnter(function(){ „akcja” } )
Powyższe funkcje wykonują akcje w określonym momencie. Dla pierwszego przykłady będzie to kliknięcie na element o id „box”, a dla drugiego najechanie na ten sam element kursorem myszki. W momencie spełnienia warunku skrypt odpali działanie które wskazuje „akcja”.