Bakit kailangan namin at kung paano upang i-record JQuery-selector?

Modern web designer ay hindi dapat lamang makabisado ang mga pangunahing kaalaman ng HTML, CSS at JavaScript, kundi pati na rin magagawang upang gumana sa JQuery library, na kung saan naka-focus sa ang pakikipag-ugnayan ng JavaScript na may HTML na dokumento. Na ito ay nagpapahintulot sa mabilis na access sa anumang elemento ng DOM (application programming interface na nagbibigay ng access sa mga nilalaman html-file) at manipulahin ang mga ito. Ang pangunahing estruktural yunit ng aklatan ay ang mga koponan. Upang ilapat ang isa o ang iba pang mga koponan, kailangan mo ng isang JQuery-selector.

Formula tagapili sa JQuery library

Ang tagapili sa JQuery batay sa paggamit sa CSS. Ang mga ito ay kinakailangan upang piliin ang mga item HTML-file, gamitin ang mga ito upang maging sanhi ng mga ito o iba pang mga pamamaraan ng pagmamanipula ng mga ito (ang koponan). Search ay isinasagawa sa pamamagitan ng selector $ () function. Halimbawa, $ ( 'div').

Ang tagapili maaaring nauuri depende sa kung paano ang pagpili ng mga elemento:

• basic;
• sa pamamagitan attribute;
• herarkiya;
• nilalaman;
• sa sitwasyon;
• pagpili ng mga field ng form;
• iba.

key tagapili

Sa 90% ng mga kaso kapag ginagamit ang library ay ginagamit JQuery-selector na kabilang sa mga pangunahing grupo. Ang lahat ng mga ito ay medyo simple at malinaw. Ipaalam sa amin isaalang-alang ang bawat isa sa kanila:

• * - Pinipili ang lahat ng mga sangkap ng pahina, kasama ang ulo, katawan, atbp;.
• p / div / sidebar / ... - Pinipili ng lahat ng mga elemento na tumutukoy sa paunang-natukoy na tag (ie upang p.div, sidebar, atbp ...);
• .myClass / p.myClass - pinipili ang mga elemento na may pangalang tinukoy class;
• # MyID / p # myID. - Pinipili ang isa sa anumang item gamit ang ibinigay na ID.

Narito ang isang halimbawa. Sabihin natin na kailangan namin upang piliin ang lahat ng mga elemento sa pahina na may par klase ng entry ay ang mga sumusunod: (. Par) $. Kung kinakailangan lamang p elemento ng klase na ito, at pagkatapos ay sumulat: $ (p.par).

ipatungkol tagapili

Maaari mong gamitin ang JQuery main-pili, kung kailangan namin upang piliin ang isang item na kabilang sa anumang klase ng pagkakaroon ng ID o piliin ang lahat ng mga elemento sa pahina. Subalit, may mga kaso kapag ang isang item Wala pang klase o ID. Ito ay para sa mga ito at may mga seleksyon sa pamamagitan ng katangian. Pinapayagan nila ang mong gumawa ng isang pagpipilian sa ilang mga katangian ng HTML-elemento, tulad ng href o src. Ang attribute na ito ay nakasulat sa mga square bracket [].

Ang pinakasimpleng halimbawa: $ ([src]) - Pinipili ng lahat ng mga elemento na mayroon src attribute. Ito ay posible upang paliitin ang mga sample sa pamamagitan ng pagtukoy ng ilang mga halaga ng katangian: $ ([src = 'http: // site / article / 132,222 / value']).

Maaari mong gamitin ang ilang JQuery tagapili kung nais mong paliitin ang larangan ng choice. Halimbawa, $ (p [color = blue] [size = 12]) - ito ay pinili lamang ang mga elemento p, na kung saan ay may isang asul na kulay at laki 12.

tagapili ng nilalaman

Sa kasong iyon, kung hindi mo maaaring piliin ang mga elemento batay sa mga katangian o pangunahing tagapili, dapat kang sumangguni sa kanilang nilalaman. Sa kabuuan, may 4 tagapili ng ganitong uri:

• : Naglalaman - Pinipili ng mga item na naglalaman ng tinukoy na teksto;
• : May - Pinipili ng mga sangkap na naglalaman ng iba pang mga elemento na katangian ng linya;
• : Magulang - Pinipili ng mga sangkap na naglalaman ng anumang iba pang mga;
• : Empty - pipili na elemento na hindi naglalaman ng anumang iba pang.

Narito ang isang halimbawa. Upang piliin ang lahat ng mga elemento div, na naglalaman ng teksto ng Hello, kailangan mo upang sumulat $ (div: ay naglalaman ng ( 'Kamusta')).

tagapili hierarchy

May isa pang paraan upang piliin ang mga sangkap sa JQuery, namely - ayon sa kanilang hierarchy (iyon ay, ang ratio ng bawat isa sa HTML-pahina). Ang isang pulutong ng mga ito, upang ipakilala kami ng dalawang sa mga pinaka-popular na, "bata" at "inapo".

Sa unang kaso ng mga elemento ay pinili, na kung saan ay direktang kaapu-apuhan (mga bata) ng isang naibigay na elemento (ninuno). Halimbawa, upang piliin ang mga elemento ng listahan sa light klase na kung saan ay isang listahan bata nav, pagkatapos ay kailangan mo upang sumulat: $ (ul # nav> li.light).

Ang ikalawang kaso - ang isang mas pangkalahatang. Maaaring mapili at hindi direktang kaapu-apuhan ng mga elemento. Halimbawa, upang piliin ang mga link sa loob ng listahan nav-atas: $ (ul # nav a).

Kaya, sa JQuery elemento ay maaaring mapili sa iba't-ibang mga paraan sa pamamagitan ng paggamit ng mga parameter tulad ng isang klase, ID, mga katangian, nilalaman o hierarchy ng mga elemento ng HTML-dokumento.