ለምንድን እንዴት JQuery-መራጭ ለመመዝገብ እና ያስፈልገኛል?

ዘመናዊ የድር ንድፍ ብቻ ጠንቅቀው አይገባም የ HTML, መሰረታዊ ነገሮችን ወደ CSS እና ጃቫስክሪፕት, ግን ደግሞ ኤም ኤል-ሰነዶች ጋር ጃቫስክሪፕትን ያለውን መስተጋብር ላይ የሚያተኩረው ያለውን JQuery ላይብረሪ ውስጥ መሥራት አይችሉም. ፈጣን ማንኛውም አባል DOM (የይዘት HTML-ፋይሎች መዳረሻ የሚያቀርብ የመተግበሪያ ፕሮግራም በይነገጽ) መዳረሻ እና እነሱን ለመጠምዘዝ የሚፈቅድ. የላይብረሪውን ዋናው መዋቅራዊ መለኪያዎች ቡድን ናቸው. አንድ ለማመልከት ትዕዛዝ ወይም በሌላ ቡድን ውስጥ, የ JQuery-መራጭ ያስፈልገናል.

JQuery መጽሐፍት ውስጥ ቀመር selectors

JQuery ውስጥ selectors የሲ ውስጥ ጥቅም ላይ የተመሠረተ. በእነርሱም (ቡድን) ማታለላቸውን በእነዚህ ወይም በሌሎች ዘዴዎች ሊያስከትሉ እነሱን መጠቀም, ንጥሎች ኤች ቲ ኤም ኤል-ፋይል መምረጥ ይጠበቅባቸዋል. ፍለጋ መምረጫ $ () ተግባር በኩል እየታየ ነው. ለምሳሌ ያህል, $ ( 'div').

የ selectors ኃይሎች እንዴት ምርጫ ላይ የሚወሰን ሊመደብ የሚችል:

• መሠረታዊ;
• አይነታ በ;
• የ ተዋረድ;
• ይዘት;
• ሁኔታውን ላይ;
• የቅጽ መስኮች ምርጫ;
• ሌሎች.

ቁልፍ selectors

በዚህ ቤተ-ዋናው ቡድን አባል JQuery-መራጭ ይውላል በመጠቀም ጊዜ ሁኔታዎች መካከል 90% ውስጥ. ሁሉም ቀላል እና ግልፅ ነው. እኛ ከእነርሱ እያንዳንዱ እንመልከት:

• * - ወዘተ ራስ, አካል, ጨምሮ ሁሉንም የገጽ አባሎችን, ይመርጣል;.
• ገጽ / div / የጎን / ... - ወደ ያለፈች መለያ ጋር በተያያዙ ሁሉንም ነገሮች ይመርጣል (ማለትም p.div, የጎን, ወዘተ ... ላይ);
• .myClass / p.myClass - የተገለጸውን ክፍል ስም ጋር ንጥረ ይመርጣል;
• # MyID / p # myID -. ከተሰጠ መታወቂያ ጋር ምንም አንድ ንጥል ይመርጣል.

እዚህ አንድ ምሳሌ ነው. የአምላክ እኛ እንደሚከተለው ይሆናል አን ክፍል ግቤት ጋር ገጽ ላይ ሁሉንም አባሎችን መምረጥ አለብዎት አይበል; (. አን) $. በዚህ ክፍል ውስጥ አስፈላጊ ብቻ ገጽ አባሎች, ከዚያ ጻፍ ከሆነ: $ (p.par).

selectors ይስጡ

እኛ ምንም ዓይነት ክፍል ያለው መታወቂያ ንብረት አንድ ንጥል ይምረጡ ወይም በገጹ ላይ ሁሉንም አባሎችን መምረጥ አለብዎት ከሆነ, የ JQuery ዋና-መራጭ መጠቀም ይችላሉ. አንድ ንጥል ምንም ክፍል ወይም መታወቂያ ያለው ጊዜ ይሁን, አጋጣሚዎች አሉ. በዚህ ምክንያት ነው አይነታ በ ምርጫዎች አሉ. እነዚህ አንዳንድ ላይ አንድ ምርጫ ለማድረግ ይፍቀዱ የ HTML-ንጥረ ነገሮች, ስለ ባህርይ እንደ href ወይም src ሆኖ. ይህ አይነታ የተጻፈ ነው ካሬ ቅንፍ [].

ቀላሉ ምሳሌ: $ ([src]) - src መገለጫ ያላቸው ሁሉንም ነገሮች ይመርጣል. በተወሰኑ አይነታ እሴት በመጥቀስ ናሙና ለማጥበብ ይቻላል: $ ([src = 'http: // ጣቢያ / አንቀጽ / 132222 / እሴት «]).

እርስዎ በመረጡት መስክ ለማጥበብ የሚፈልጉ ከሆነ አንዳንድ JQuery selectors መጠቀም ይችላሉ. ለምሳሌ ያህል, $ (ገጽ [ቀለም = ሰማያዊ] [size = 12]) - ሰማያዊ ቀለም እና መጠን 12 ያላቸው ብቻ ነው እነዚህን ክፍሎች ገጽ, ተመርጠዋል.

Selectors ይዘት

እናንተ ባህሪያት ወይም መሠረታዊ selectors ላይ የተመሠረተ አባሎችን መምረጥ አይችሉም ከሆነ በዚያ ሁኔታ ውስጥ, አንተ ያላቸውን ይዘት ሊያመለክት ይገባል. ጠቅላላ ውስጥ የዚህ አይነት 4 መራጭ አሉ:

• : ይይዛል - የተጠቀሰውን ጽሑፍ የያዙ ንጥሎች ይመርጣል;
• : አለው - ወደ መስመር ባሕርይ ሌሎች ንጥረ ነገሮች የያዙ ክፍሎች የሚመርጠው;
• : የወላጅ - ማንኛውም ሌላ የያዙ ክፍሎች የሚመርጠው;
• : ባዶ - ማንኛውም ሌላ አያካትቱም መሆኑን አባላትን ይመርጣል.

እዚህ አንድ ምሳሌ ነው. የ ሠላም ጽሑፍ የያዘ, ሁሉንም ነገሮች div ለመምረጥ, እናንተ $ መጻፍ አለብዎት (div: 'ጤና ይስጥልኝ') (ይዟል).

Selectors ተዋረድ

ያላቸውን ተዋረድ መሠረት (ይህ ነው, የ HTML-ገጽ ላይ እርስ ሬሾ) - ማለትም JQuery, ውስጥ ክፍሎችን ለመምረጥ ሌላ መንገድ አለ. ከእነርሱ ብዙ: እንዲሁ እኛም በጣም ታዋቂ, "ልጅ" እና "ዘር" ሁለት ማቅረብ.

በመጀመሪያው ሁኔታ ውስጥ ንጥረ ነገሮች በተወሰነ አባል (አያት) መካከል ቀጥተኛ ዘሮች (ልጆች) ናቸው, ተመርጠዋል. $ (Ul # NAV> li.light) ለምሳሌ ያህል, አንድ ልጅ NAV ዝርዝር ያለው ብርሃን ክፍል ውስጥ ያለውን ዝርዝር ውስጥ ያሉትን ነገሮች ለመምረጥ, ከዚያም መጻፍ አለብዎት.

ሁለተኛው ጉዳይ - ይበልጥ አጠቃላይ. አሉ ተመርጠዋል እና አባል በተዘዋዋሪ ዘር ይቻላል. ለምሳሌ ያህል, NAV ያዛሉ ዝርዝር ውስጥ አገናኞች ለመምረጥ: $ (ul # NAV ሀ).

በመሆኑም JQuery ውስጥ ንጥረ እንደ ኤች ቲ ኤም ኤል-ሰነድ አባሎችን ክፍል, መታወቂያ, ባህርያት, ይዘት ወይም ተዋረድ እንደ መለኪያ በመጠቀም በተለያዩ መንገዶች መመረጥ ይችላሉ.