لماذا نحتاج إلى وكيفية تسجيل مسج-محدد؟

مصمم على شبكة الإنترنت الحديثة لا ينبغي إتقان فقط أساسيات HTML، وCSS و JavaScript، ولكن أيضا أن تكون قادرة على العمل في المكتبة مسج، الذي يركز على التفاعل جافا سكريبت مع HTML وثائق. أنه يتيح الوصول السريع إلى أي عنصر DOM (واجهة برمجة التطبيقات التي توفر الوصول إلى ملفات HTML المحتوى) والتلاعب بها. الوحدات الهيكلية الرئيسية للمكتبة هي الفريق. من أجل تطبيق واحد أو الفريق الآخر، كنت في حاجة الى مسج-محدد.

محددات الصيغة في مكتبة مسج

المنتخبات في مسج على أساس استخدامها في CSS. كانت مطلوبة لتحديد عناصر HTML ملف، لاستخدامها لتسبب هذه أو غيرها من أساليب التلاعب بها (الفريق). ويتم البحث من خلال وظيفة محدد $ (). على سبيل المثال، $ ( 'شعبة').

ويمكن تصنيف المنتخبات اعتمادا على كيفية اختيار العناصر:

• الأساسية.
• بواسطة السمة.
• التسلسل الهرمي.
• المحتوى.
• في هذه الحالة؛
• اختيار حقول النموذج.
• الآخرين.

محددات رئيسية

في 90٪ من الحالات عند استخدام يستخدم هذه المكتبة مسج-محدد ينتمون إلى المجموعة الرئيسية. كل منهم بسيط جدا وواضح. دعونا نتأمل كل منها:

• * - تحديد كافة عناصر الصفحة، بما في ذلك الرأس والجسم، وما إلى ذلك؛.
• ع / شعبة / الشريط الجانبي / ... - يختار كل العناصر المتعلقة علامة محددة سلفا (أي p.div، الشريط الجانبي، الخ ...)؛
• .myClass / p.myClass - يختار العناصر مع اسم الفئة المحددة.
• # MyID / ص # myID - يختار أي عنصر واحد مع معرف معين.

هنا مثال على ذلك. دعونا نقول أننا بحاجة إلى تحديد كافة العناصر على الصفحة مع دخول الطبقة الاسمية على النحو التالي: (المساواة) $. إذا لزم الأمر فقط على عناصر p من هذه الفئة، ثم كتابة: $ (p.par).

السمة محددات

يمكنك استخدام مسج الرئيسي-محدد، إذا نحن بحاجة إلى تحديد عنصر ينتمون إلى أي فئة لها هوية أو تحديد كافة العناصر على الصفحة. ومع ذلك، هناك حالات عند البند أي فئة أو الهوية. ولهذا، وهناك تحديدات من قبل السمة. انها تسمح لك لجعل الاختيار على بعض سمة من HTML-العناصر، مثل أ href أو SRC. تتم كتابة هذه السمة في الأقواس المربعة [].

وأبسط مثال: $ ([SRC]) - يختار كل العناصر التي لديها سمة src. فمن الممكن لتضييق عينة لتحديد قيمة معينة السمة: $ ([SRC = 'موقع http: // / من المادة / 132222 / قيمة']).

يمكنك استخدام بعض محددات مسج إذا كنت ترغب في تضييق مجال الاختيار. على سبيل المثال، $ (ص [COLOR = أزرق] [SIZE = 12]) - يتم اختيار فقط تلك العناصر ص، والتي لها اللون الأزرق وحجم 12.

محتوى محددات

في هذه الحالة، إذا لم تتمكن من تحديد العناصر على أساس الصفات أو محددات أساسية، يجب أن أشير إلى محتواها. في المجموع هناك 4 محدد من هذا النوع:

• : يحتوي - يختار مواد تحتوي على النص المحدد.
• : هل - يختار العناصر التي تحتوي على عناصر أخرى من سمات الخط؛
• : الوالد - يختار العناصر التي تحتوي على أي دولة أخرى.
• : فارغ - يختار العناصر التي لا تحتوي على أي دولة أخرى.

هنا مثال على ذلك. لتحديد كافة عناصر شعبة، التي تحتوي على نص مرحبا، تحتاج لكتابة $ (شعبة: يحتوي على ( 'مرحبا')).

محددات التسلسل الهرمي

هناك طريقة أخرى لتحديد العناصر في مسج، وهي - وفقا لتسلسلها الهرمي (أي، نسبة بعضها البعض على HTML الصفحات). وهناك الكثير منهم، لذلك نقدم اثنين من أكثر شعبية، "الطفل" و "سليل".

في الحالة الأولى يتم اختيار العناصر التي ينحدرون مباشرة (الأطفال) لعنصر معين (سلف). على سبيل المثال، لتحديد عناصر القائمة في الطبقة الخفيفة التي هي قائمة الملاحة الطفل، فأنت بحاجة لكتابة: $ (المجاهدين # الملاحة> li.light).

الحالة الثانية - وهي أكثر عمومية. هناك يمكن اختيار وأحفاد غير المباشرة للعنصر. على سبيل المثال، لتحديد الروابط داخل القائمة الملاحة يصف: $ (المجاهدين # الملاحة أ).

وهكذا، في مسج يمكن اختيار العناصر بطرق مختلفة باستخدام المعلمات مثل فئة، ID، والصفات، والمحتوى أو التسلسل الهرمي للعناصر HTML وثيقة.