في بعض الأحيان يكون من الضروري الوصول إلى عنصر صفحة لا يحتوي على فئة أو معرف محدد، دون التمكن من إضافة فئة أو معرف إلى html. CSS الوصول إلى أي عنصر عن طريق السمات هو المخرج.

في كثير من الأحيان تنشأ مثل هذه المواقف عندما كود أتش تي أم أليتم إنشاؤه بواسطة برنامج نصي خارجي ولا يمكن تغييره بواسطتك. ولكن في الوقت نفسه، يجب تصميمها أو تغيير مظهرها باستخدام CSS.

لذلك، هناك شيء مثل المحددات سمات أتش تي أم أل. بهذه المساعدة، يمكنك الوصول إلى أي عنصر عن طريق السمات الموجودة في CSS. السمات هي نفس سمات علامات html، مثل src، و href، و data-*، و title، و name، و rel، و alt، وما إلى ذلك.

في CSS، يمكنك تحديد محدد يتطابق كليًا أو جزئيًا مع قيمة سمة معينة.

دعونا نلقي نظرة على بعض الأمثلة: CSS الوصول إلى أي عنصر عن طريق السمات

على سبيل المثال، إذا كان لدينا رمز بكسل تم إنشاؤه بواسطة رمز PayPal، وما إلى ذلك النسخة المحمولةيجب أن يكون مخفيًا (لأنه يعيق الطريق كثيرًا). ثم يمكنك القيام بذلك بكل بساطة، في CSS خالصة:

الصورة (العرض: لا شيء؛)

أو، على سبيل المثال، تحتاج إلى إخفاء جميع العناصر ذات العنوان الذي يبدأ بـ "مرسل". دعونا نفعل هذا:

... ... ... شعبة (عرض: لا شيء؛)

هناك العديد من هذه المحددات:

• - جميع العناصر التي لها هذه السمة
• - جميع العناصر التي تكون سماتها بالضبط = القيمة
• - جميع العناصر التي تحتوي سمتها على قيمة (يجب أن تكون كلمة كاملة)
• - جميع العناصر التي تبدأ خاصيتها بقيمة (يجب أن تكون كلمة كاملة)
• – جميع العناصر التي تبدأ خاصيتها بقيمة (قد لا تكون كلمة كاملة
• - جميع العناصر التي تنتهي خاصيتها بقيمة (قد لا تكون كلمة كاملة)
• - جميع العناصر التي تحتوي سمتها على قيمة (يمكن أن تكون مجموعة من الأحرف، وليس كلمة كاملة)

هناك الكثير من المحددات في CSS. يسمح لك بعضها بتحديد عناصر محددة دون تعيين فئة نمط أو معرف لها. على سبيل المثال، محددات سمات CSS.

كيفية تحديد عنصر حسب سمة html الخاصة به

محددات السمات هي تلك المحددات التي يتم فيها كتابة سمة أو سمة ذات قيمة بين قوسين مربعين. دعني أعطيك بعض الأمثلة لتوضيح الأمر:
* - تحديد كافة العناصر التي لها سمة href بأي قيمة.
الإدخال - يحدد كافة عناصر الإدخال التي لها سمة تعطيل (جميع الحقول المعطلة).
الإدخال - يحدد كافة الحقول التي يكون نوعها كلمة المرور، أي حقول إدخال كلمة المرور.
img - يحدد صورة تحتوي على سمة src = مجموعة "/logo.png".

كما ترون، كتابة محددات سمات CSS ليست بهذه الصعوبة. الفرق الأكثر أهمية بينهما هو الأقواس المربعة، حيث يتم كتابة سمة فقط أو سمة بقيمتها الدقيقة. لكن وظيفة هذه المحددات لا تنتهي عند هذا الحد.

محددات سمات CSS المتقدمة

كافة المحددات التالية حساسة لحالة الأحرف.
البحث في بداية السطر
div - يحدد كافة div التي تحتوي على فئة نمط تبدأ بـ "block". وبالتالي، على سبيل المثال، سيتم اختيار الكتل التالية: "block-head"، "block-3"، "blocknote". الشيء الرئيسي هو أن هناك كلمة أساسية في بداية المعنى.

البحث في نهاية السطر
أ – تحديد جميع الروابط التي ينتهي عنوانها بـ .rar . وبالتالي، إذا كان بإمكانك تنزيل شيء ما على موقع الويب الخاص بك، فيمكنك إضافة رمز بجوار جميع الروابط إلى الملفات المؤرشفة.

العثور على سلسلة فرعية في كل مكان في القيمة
الامتداد - سيحدد جميع علامات الامتداد التي تحتوي على كلمة "فن" في اسم فئتها في أي مكان بالاسم. وهكذا، على سبيل المثال، سيتم اختيار الامتدادات مع الفئات التالية: party، clart، art-1.

البحث عن البادئات
p - سيحدد الفقرات التي تحتوي على فئة نمط لها اسم يتطابق تمامًا مع "الأول" أو يحتوي على البادئة أولاً - والتي تبدأ اسم الفئة.

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

نادرا ما يتم استخدام الخيارين الأخيرين ومن غير المرجح أن يكونا مفيدين لك في كثير من الأحيان، ولكن بالنسبة للتطوير العام، لا يزال بإمكانك التعرف عليهما.

ما فائدة محددات السمات؟

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

يمكنك تنفيذه على النحو التالي:

أ (قواعد CSS)

في الواقع، هناك العديد من الطرق لاستخدام محددات السمات. يمكنهم إلى حد ما تبسيط العمل عند الحاجة إليه. استخدم CSS واشترك في المدونة لمعرفة المزيد حول تطوير الويب.

تتيح لك العناصر الزائفة تصميم أجزاء معينة من المستند. على سبيل المثال، العنصر الزائف :: السطر الأول مخصص لإضافة أنماط فقط إلى السطر الأول من العنصر المحدد. في مواصفات CSS3، تبدأ العناصر الزائفة بنقطتين مزدوجتين - "::":

P::الحرف الأول (حجم الخط: 120%;)

تم تقديم النقطتين المزدوجتين في CSS3 للتمييز بصريًا بين الفئات الزائفة والعناصر الزائفة. ومع ذلك، يمكن كتابة العناصر الزائفة التي تمت إضافتها في CSS2 (مثل الحرف الأول والسطر الأول وقبل وبعد) بنقطتين واحدتين، وقد تم استخدام بناء الجملة هذا قبل مواصفات CSS3 وهو مدعوم من قبل جميع المتصفحات. بناء جملة النقطتين المزدوجتين مدعوم فقط في المتصفحات الأحدث ويجب تطبيقه فقط على العنصر الزائف ::selection الذي تمت إضافته في CSS3.

ملاحظة: يمكن أن يحتوي كل محدد على عنصر زائف واحد فقط، والذي يجب تعريفه في نهاية المحدد: #header .menuspan::first-letter ( color: green; )

العنصر الزائف::الحرف الأول

يتيح لك العنصر الزائف::الحرف الأول تطبيق نمط على الحرف الأول في نص العنصر الأصلي. على سبيل المثال، لتصميم الحرف الأول في فقرة، سيتعين علينا تغليفه بعنصر وتطبيق النمط عليه:

عنوان المستند .الحرف الأول (حجم الخط: 150%؛ حجم الخط: غامق؛)

النص لدينا

يحاول "

أو يمكننا تصميم الحرف الأول من النص باستخدام العنصر الزائف ::first-letter، وفي هذه الحالة لا يتعين علينا إضافة عنصر إضافي إلى علامة HTML:

عنوان الوثيقة p::الحرف الأول ( حجم الخط: 150%؛ حجم الخط: غامق؛ )

النص لدينا

يحاول "

العنصر الزائف::السطر الأول

يطبق العنصر الزائف :: السطر الأول النمط على السطر الأول من النص في العنصر:

P ( العرض: 200 بكسل; ) p::السطر الأول ( اللون: أزرق; ) حاول »

تكمن خصوصية العنصر الزائف في السطر الأول في أنه سيصمم السطر الأول فقط، والذي سيعتمد عرضه على عرض العنصر، أي على الشاشات الأصغر أو عندما يتم تصغير نافذة المتصفح، سيتغير عرض السطر الأول، لكن تصميمه سيبقى دون تغيير.

العناصر الزائفة::قبل و::بعد

يتم استخدام العناصر الزائفة ::قبل و ::بعد لإضافة محتوى تم إنشاؤه إلى المستند. يمكن استخدامها لوضع المحتوى الذي تم إنشاؤه قبل المحتوى وبعده في عنصر محدد. لتحديد المحتوى الذي سيتم إضافته، استخدم خاصية CSSمحتوى.

لنفترض أن لدينا نصًا كبيرًا جدًا من حيث الحجم، ويحتوي على روابط، لكنها في التصميم لا تختلف عمليًا بأي شكل من الأشكال عن بقية النص. ونحتاج إلى وضع أيقونة صغيرة أمام كل رابط تشير للمستخدمين إلى أن هذا رابط:

A ( زخرفة النص: لا شيء؛ اللون: أسود؛ ) أ::قبل ( المحتوى: url("link.png"); ) حاول »

محددات السمات

يتم دعم محددات السمات بواسطة جميع المتصفحات الحديثة (الاستثناء هو IE6، على الرغم من أنه لم يعد مصنفًا على أنه المتصفحات الحديثة، يجدر النظر في حقيقة أن بعض المستخدمين ما زالوا يستخدمونه. لذلك، إذا كنت بحاجة إلى كتابة تعليمات برمجية تعمل بشكل جيد على قدم المساواة في جميع المتصفحات، بما في ذلك IE6، فإننا ننصحك بالامتناع عن استخدام محددات السمات).

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

Img (الحدود: 1 بكسل أحمر خالص؛)

في المثال أعلاه، سيتم تطبيق القاعدة على جميع العناصر ، وجود سمة بديلة. ولكن بالإضافة إلى تحديد العناصر حسب السمات، تسمح لك محددات السمات بتحديد العناصر بناءً على قيمة السمة:

• العنصر [السمة ^ = "القيمة"] ^= يعني "يبدأ بـ...".
• العنصر[attribute$="value"] - محدد السمة مع تطابق السلسلة الفرعية. عامل التشغيل $= يعني "ينتهي بـ...".
• العنصر [سمة * = "القيمة"] - محدد السمة مع مطابقة السلسلة الفرعية. عامل التشغيل *= يعني "يحتوي على السلسلة الفرعية...".

على سبيل المثال، دعونا نلقي نظرة على تصميم الروابط التي تشير إلى مصدر خارجي: عنوان البريد الإلكترونيوملف بامتداد .pdf:

A ( مساحة اليسار: 20 بكسل؛ صورة الخلفية: url ("img1.png")؛ تكرار الخلفية: عدم التكرار؛ ) أ ( مساحة اليسار: 20 بكسل؛ صورة الخلفية: url ("img2.png") تكرار الخلفية: عدم التكرار ؛ ) أ ( المساحة المتروكة على اليسار: 20 بكسل؛ صورة الخلفية: url("img3.png"); تكرار الخلفية: عدم التكرار؛ ) حاول »

في مثل هذه المواقف، تكون محددات السمات مفيدة لإجراء إضافات جذابة لتصميم صفحات الويب الخاصة بك.

سوف نتعلم في هذا الدرس كيفية العثور على العناصر الموجودة في الصفحة حسب السمة.

في jQuery، يتم اختيار العنصر حسب السمة وفقًا لمواصفات CSS.

عند استخدام السمات لتحديد العناصر، انتبه إلى أن بعض السمات قد تحتوي على قيم متعددة مفصولة بمسافة.

على سبيل المثال:

... ... ... // حدد العناصر a التي لها السمة $("a");

يجب أن تكون قيمة السمة في تعبير المحدد محاطة بعلامات اقتباس. ويتم ذلك بإحدى الطرق التالية:

• علامات الاقتباس المزدوجة داخل علامات الاقتباس المفردة: $("a") .
• اقتباسات مفردة في الداخل اقتباسات مزدوجة: $("").
• علامات الاقتباس المفردة التي تم تجاوزها داخل علامات الاقتباس المفردة: $("a") .
• علامات الاقتباس المزدوجة التي تم تجاوزها داخل علامات الاقتباس المزدوجة: $("a") .

في jQuery، يمكنك البحث عن العناصر حسب السمة باستخدام محددات متنوعة. بالإضافة إلى ذلك، يمكنك استخدام مجموعة من محددات السمات المتعددة لتحديد العناصر. في هذه الحالة، سيتم تحديد العناصر التي تطابق كل محدد من المحددات فقط.

jQuery - محددات للعثور على العناصر حسب السمة

يحدد العناصر التي لها السمة المحددة (الاسم) بقيمة تساوي السلسلة المحددة (القيمة) أو تبدأ بالسلسلة المحددة (القيمة) متبوعة بواصلة.

على سبيل المثال، حدد كافة عناصر div التي تحتوي على سمة فئة بقيمة تساوي تنبيه أو تبدأ بـ تنبيه- .

...

... ... ... ... ... // تحديد كافة عناصر div التي لها سمة فئة // مع تنبيه القيمة أو بقيمة تبدأ بـ تنبيه- $("div");

يحدد العناصر التي لها السمة المحددة (الاسم) بقيمة تحتوي على السلسلة الفرعية المحددة (القيمة).

على سبيل المثال: حدد جميع العناصر التي تحتوي على سمة href التي تحتوي على السلسلة الفرعية youtube كقيمتها:

...... ... // تحديد العناصر التي لها سمة href بقيمة // تحتوي على السلسلة الفرعية youtube $("");

يختار العناصر التي لها السمة (الاسم) المحددة بقيمة تحتوي على القيمة المعطاة (القيمة) كأحد قيمها (أي مفصولة عن قيمة أخرى بمسافة) أو مساوية لتلك القيمة (القيمة).

على سبيل المثال، حدد جميع العناصر التي لها سمة فئة بقيمة تحتوي على القيمة btn كأحد قيمها (أي مفصولة عن قيمة أخرى بمسافة) أو تساوي btn:

... ... إرسال ... ... $("a");

يحدد العناصر التي لها السمة المحددة (الاسم) بقيمة تنتهي بالقيمة المحددة (القيمة).

على سبيل المثال، حدد كافة العناصر التي تحتوي على سمة href تنتهي بـ ".zip".

... ... ... // حدد جميع العناصر التي تنتهي قيمة سمة href بـ .zip $("a");

يحدد العناصر التي تم تعيين السمة (الاسم) المحددة لها على القيمة.

على سبيل المثال، حدد كافة العناصر التي لها سمة النوع باستخدام زر القيمة:

معلومات الطلب $("");

يحدد العناصر التي لا تحتوي على السمة المحددة (الاسم) أو التي تحتوي على السمة المحددة (الاسم) ولكنها لا تحتوي على القيمة المحددة (القيمة).

على سبيل المثال، حدد العناصر التي لا تحتوي على سمة rel، أو التي تحتوي على واحدة ولكنها لا تحتوي على قيمة nofollow.

... ... ... ... $("أ");

يحدد العناصر التي لها السمة المحددة (الاسم) بقيمة تبدأ بالقيمة المحددة (القيمة).

على سبيل المثال، حدد كافة العناصر التي تحتوي على فئة btn وسمة href بقيمة تبدأ بـ "http".

...... ... $("a.btn");

يختار العناصر التي لها السمة المحددة (الاسم). يمكن أن تكون قيمة هذه السمة (الاسم) أي شيء.

على سبيل المثال، حدد الصور (img) التي لها خاصية alt:

$("img");

- يختار العناصر التي تحتوي سماتها المحددة (name1 و name2) على قيم مقابلة (Value1 و Value2).

إذا لزم الأمر، يمكنك استخدام مجموعات من محددات السمات المختلفة لتحديد العناصر. في هذه الحالة، سيتم تحديد العناصر التي تطابق جميع المحددات المحددة فقط:

$(""); //attr1 - محدد السمات 1 //attr2 - محدد السمات 2 //attrN - محدد السمات N

على سبيل المثال، حدد العناصر التي تحتوي على سمة معرف، وسمة href تبدأ بـ http، وسمة فئة ذات قيمة تحتوي على btn كأحد قيمها أو تساوي btn:

... ... $("أ");

تتيح لك مكتبة jQuery معالجة خصائص وسمات عناصر المجموعة الملتفة عن طريق تغيير القيم الأصلية. يمكنك تعيين خصائص جديدة والحصول على قيم الخصائص الأصلية وتغييرها. من خلال إزالة الفئات أو إضافتها، يمكنك تغيير نمط عرض العناصر ديناميكيًا.

التعامل مع خصائص العنصر وسماته 1. إضافة وإزالة فئة 1.1. طريقة.addClass()

إضافة الفئة المحددة (أو الفئات المتعددة) إلى كل عنصر في المجموعة الملتفة. ل هذه الطريقةإذا نجحت، فأنت بحاجة إلى إنشاء نمط للفئة المضافة مسبقًا. لا تقوم هذه الطريقة بإزالة الفئة القديمة، ولكنها تقوم ببساطة بإضافة فئة جديدة.

اسم الفئة AddClass(اسم الفئة) هو اسم فئة واحد أو أكثر مفصولة بمسافات.

وظيفة .addClass(function) - تقوم بإرجاع واحد أو أكثر من أسماء الفئات المفصولة بمسافات لإضافتها إلى الأسماء الموجودة. يأخذ كوسيطة فهرس عنصر في المجموعة والاسم الحالي للفئة (الفئات).

1.2. طريقة.removeClass()

إزالة اسم (أسماء) الفئة المحددة من كافة عناصر المجموعة الملتفة.

اسم الفئة RemoveClass(class name) - معلمة اختيارية، اسم فئة واحد أو أكثر مفصولة بمسافة. إذا لم يتم تحديد اسم الفئة، فستزيل الطريقة جميع الفئات الموجودة من عناصر المجموعة. إذا تم تحديد اسم فئة، فسيتم حذف الفئة المحددة فقط.

وظيفة .removeClass(function) - تقوم بإرجاع واحد أو أكثر من أسماء الفئات المفصولة بمسافات والتي سيتم إزالتها من الأسماء الموجودة. يأخذ كوسيطة فهرس العنصر في المجموعة والاسم القديم للفئة (الفئات).

1.3. طريقة.toggleClass()

إضافة أو إزالة فئة واحدة أو أكثر من كل عنصر في المجموعة. يتم فحص كل عنصر من عناصر المجموعة المغلفة بشكل منفصل. تضيف الطريقة اسم الفئة المحدد إذا لم يكن موجودًا في العنصر، وتزيله من تلك العناصر التي يوجد بها. يستخدم لتبديل التمثيل المرئي للعناصر.

ToggleClass(اسم الفئة) اسم الفئة هو واحد أو أكثر من أسماء الفئات المفصولة بمسافات والتي سيتم تبديلها لكل عنصر في المجموعة.

.toggleClass(classname, boolean) classname - واحد أو أكثر من أسماء الفئات المفصولة بمسافات والتي سيتم تبديلها لكل عنصر في المجموعة.

القيمة المنطقية - تثبيت الفئة المحددة أو إضافتها أو إزالتها. يضيف True الفصل، ويزيله خطأ.

تحصل الطريقة على قيمة السمة للعنصر الأول في المجموعة أو تقوم بتعيين قيمة سمة واحدة أو أكثر لعناصر المجموعة.

2.1. Method.attr() .attr(attributename) attributename - إرجاع قيمة السمة للعنصر الأول في المجموعة الملتفة. إذا كانت السمة مفقودة، فسيتم إرجاعها غير محددة.

قيمة اسم السمة .attr(attributename, value) هي سلسلة أو رقم سيتم إضافته كقيمة السمة لجميع عناصر المجموعة الملتفة.

سمات .attr(attributes) - سيتم تعيين القيم المنسوخة من خصائص الكائن لجميع عناصر المجموعة الملتفة.

اسم السمة .attr(اسم السمة، الوظيفة) - يحدد اسم السمة التي سيتم تعيينها على القيمة المحددة.

الدالة - تأخذ كوسيطات فهرس عنصر في المجموعة والقيمة القديمة للسمة. سيتم تعيين قيمة الإرجاع على قيمة السمة. 2.2. طريقة.removeAttr ()

إزالة السمة المحددة من كل عنصر في المجموعة الملتفة.

اسم السمة RemoveAttr(attributename) عبارة عن سلسلة تحدد السمة المراد إزالتها.

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

العرض () يتم استدعاء الطريقة بدون معلمات. تُرجع قيمة العرض الحالية للعنصر الأول في المجموعة، دون تحديد وحدة.

قيمة .width(value) هي قيمة عددية صحيحة أو قيمة سلسلة للعرض الذي سيتم تعيينه لكل عنصر في المجموعة.

وظيفة .width(function) - تأخذ كوسيطة فهرس العنصر والقيمة القديمة للخاصية، وسيتم تعيين قيمة الإرجاع على العرض لجميع العناصر.

4.2. الطريقة. الارتفاع ()

إرجاع قيمة الارتفاع الحالية للعنصر الأول في المجموعة، أو تعيين الارتفاع لكل عنصر في المجموعة.

Height() يتم استدعاء الطريقة بدون معلمات. إرجاع قيمة الارتفاع الحالية للعنصر الأول في المجموعة.

قيمة .height(value) هي قيمة عددية صحيحة أو قيمة سلسلة للارتفاع الذي سيتم تعيينه لكل عنصر في المجموعة.

وظيفة .height(function) - تأخذ كوسيطة فهرس العنصر والقيمة القديمة للخاصية، وسيتم تعيين قيمة الإرجاع كارتفاع لجميع العناصر.

4.3. الطريقة. العرض الداخلي ()

إرجاع عرض العنصر الأول في المجموعة المغلفة، بما في ذلك المساحة المتروكة، أو تعيينه لكل عنصر في المجموعة المغلفة.

InnerWidth() يتم استدعاء الطريقة بدون معلمات. إرجاع العرض الداخلي الحالي للعنصر الأول في المجموعة.

إرجاع عرض العنصر الأول في المجموعة الملتفة. تتضمن هذه الأبعاد سمك الإطار وعرض المسافة البادئة.

العرض الخارجي (منطقي) منطقي

4.6. طريقة.الارتفاع الخارجي ()

قم بإرجاع ارتفاع العنصر الأول في المجموعة الملتفة. تتضمن هذه الأبعاد سمك الإطار وعرض المسافة البادئة.

OuterHeight(boolean) boolean - قيمة اختيارية، إذا تم ضبطها على true، فسيتم أخذ قيمة الهامش في الاعتبار، وإلا فلا.

4.7. طريقة.الإزاحة()

الحصول على الإحداثيات الحالية للعنصر الأول أو تعيين الإحداثيات لكل عنصر. إرجاع كائن JavaScript بخصائص اليسار والأعلى التي تحتوي على إحداثيات px للعنصر الأول من المجموعة الملتفة بالنسبة إلى بداية المستند. تنطبق الطريقة فقط على العناصر المرئية.

Offset() يتم استدعاء الطريقة بدون معلمات.

4.8. طريقة.الموقف ()

إرجاع كائن JavaScript بالخصائص اليسرى والعليا التي تحتوي على إحداثيات px للعنصر الأول من المجموعة الملتفة بالنسبة لأقرب عنصر أصل. تنطبق الطريقة فقط على العناصر المرئية.

Position() يتم استدعاء الطريقة بدون معلمات.