# 15: Цхаининг - ЦСС-трикови

Anonim

Већ смо неколико пута разговарали о малим додирима у јКуери АПИ-ју који су заиста прилично лепи. Све је добро промишљено и дорађено. Ланцирање дефинитивно спада у ту категорију. Једном када га почнете користити и разумете, осећа се крајње природно, као да не би требало бити другог начина.

Главна идеја је да користите више метода заредом на једној колекцији елемената.

На пример, рецимо да након што кликнем на дугме желим да променим класу као и неки текст. Али дугме садржи неки ХТМЛ.

 Open 

Уз јКуери можемо читав низ акција „повезати у ланце“.

$(".button") .removeClass("open") .addClass("closed") .find(".text") .text("Closed");

То је могуће јер већина метода јКуери-а, док се користе као постављач, враћају скуп елемената баш као онај на који је метода позвана. Понекад је тај скуп потпуно исти, као што је случај са removeClassи addClassовде, а понекад је тај скуп измењен као што је случај овде find.

У примеру са којим смо радили у видеу, говорили смо и о томе .end()који „одступа“ један ниво на ланцу.

$(".button") .removeClass("open") // .button .addClass("closed") // .button .find(".text") // .button .text .text("Closed") // .button .text .end(); // .button .data("thing"); // GETTER on .button

Можда то боље објашњава. Када се скуп елемената промени, увукао сам први ред и забележио промену у коментару. Онда када се .end()вратимо назад за један ниво. Ово функционише без обзира на то колико пута промените избор. Све се завршава када користите методу која враћа нешто друго осим скупа елемената.