Sensowne analizowanie jQuery Opcje

[finito]

No właśnie. Miałem już wiele podejść, ale za każdym razem po prostu trafia się linijka,w której nie wiem "co mówi". Dlatego wpadłem po poradę,bo mam już dosyć bez sensownego analizowania kodu wyłącznie w pamięci. W jaki sposób można analizować jQuery? Tzn. czy są jakieś kodowe metody, które pomagają w odczytywaniu linijek jquery?

[PrinceOfPersia]

tzn. jaki element?

Znaleziony. Generalnie jak robisz zapytanie do jQuery:

Kod

var result = $(".jakas-klasa");

to możesz potem się odwoływać do result jak do tablicy:

Kod

result.length // zwraca liczbę znalezionych elementów
result[0] // zwraca pierwszy znaleziony element DOM
result[1] // zwraca drugi znaleziony element DOM

W dodatku wszędzie w ifach na końcu jest "return this"

to, żeby działała sztuczka zwana "chaining". Chodzi o to, żeby (prawie) każda metoda zwracała obiekt jQuery (siebie), i żebyś mógł napisać tak:

Kod

$('#jakies-id").css({color: 'red'}).text('Hello World');

a nie musiał pisać tak:

Kod

$('#jakies-id").css({color: 'red'});
$('#jakies-id").text('Hello World');

Dlatego zdarzało się, że odkładałem czysty js i brałem się za proste kodowanie w jQuery.

Zależy co nazwiesz czystym JSem. Na pewno składnie trzeba znać (funkcje, obiekty, tablicy, zmienne, domknięcia itp.). Ale to jakiego API użyjemy, to jest kwestia umowna. jQuery jest sprytną nakładką na brzydkie API przeglądarkowe. W API przeglądarkowym, żeby dodać obsługę zdarzenia click byś napisał:

Kod

document.getElementById('costam').addEventListener('click', function () {

}, false);

a używając API jQuery napiszesz tak:

Kod

$("#costam").click(function () {
});

Dlatego z jQuery opłaca się korzystać bo upraszcza kod (co nie zwalnia z obowiązku znania składni JavaScriptu chociażby, a jeśli się chce zrozumieć jak działa jQuery to przypuszczam, że też warto byłoby poznać jak działa to brzydkie przeglądarkowe API czyli te wszystkie getElementById, addEventListener itp.).

Ten post edytował PrinceOfPersia 14.09.2014, 11:10:12