الفرق بين المراجعتين ل"jQuery/attribute contains prefix selector"
< jQuery
اذهب إلى التنقل
اذهب إلى البحث
Kinan-mawed (نقاش | مساهمات) ط |
|||
| (9 مراجعات متوسطة بواسطة مستخدمين اثنين آخرين غير معروضة) | |||
| سطر 1: | سطر 1: | ||
| − | <noinclude>{{DISPLAYTITLE:محدد الخاصيات ذات السابقة <code> | + | <noinclude>{{DISPLAYTITLE:محدد الخاصيات ذات السابقة <code>[name|="value"]</code> في jQuery}}</noinclude> |
| − | + | == محدد الخاصيات ذات السابقة <code>[name|="value"]</code> == | |
| − | == محدد الخاصيات ذات السابقة == | ||
=== الوصف === | === الوصف === | ||
| − | تحديد العناصر التي تمتلك خاصيّة HTML المُحدَّدة والتي قيمتها تساوي السلسلة النصيّة المُعطاة أو تبدأ بتلك السلسلة النصيّة متبوعةً بشرطة ( | + | تحديد العناصر التي تمتلك خاصيّة HTML المُحدَّدة والتي قيمتها تساوي السلسلة النصيّة المُعطاة أو تبدأ بتلك السلسلة النصيّة متبوعةً بشرطة (<code>-</code>). |
=== <code>jQuery( "[attribute|='value']" )</code> === | === <code>jQuery( "[attribute|='value']" )</code> === | ||
| سطر 13: | سطر 12: | ||
==== <code>value</code> ==== | ==== <code>value</code> ==== | ||
| − | قيمة خاصيّة HTML، يُمكِن أن تكون [[CSS/ | + | قيمة خاصيّة HTML، يُمكِن أن تكون [[CSS/Attribute Selectors|مُعرِّفًا صالحًا (valid identifier)]] أو سلسلةً نصيّةً موضوعةً بين علامتي اقتباس. |
| − | + | أُضيف هذا المُحدِّد إلى مواصفات CSS للتعامل مع خاصيّات HTML في تلك اللغة. | |
=== أمثلة === | === أمثلة === | ||
| − | إيجاد كافّة الرّوابط التي تمتلك الخاصيّة <code>hreflang</code> ذات اللغة | + | إيجاد كافّة الرّوابط التي تمتلك الخاصيّة <code>hreflang</code> ذات اللغة الإنجليزيّة، ثم ضبط إطار <code>[[CSS/border|border]]</code> لها:<syntaxhighlight lang="html"> |
<!doctype html> | <!doctype html> | ||
<html lang="en"> | <html lang="en"> | ||
| سطر 35: | سطر 34: | ||
<a href="example.html" hreflang="en">نص ما</a> | <a href="example.html" hreflang="en">نص ما</a> | ||
<a href="example.html" hreflang="en-UK">نص ما آخر</a> | <a href="example.html" hreflang="en-UK">نص ما آخر</a> | ||
| − | <a href="example.html" hreflang="english">لن | + | <a href="example.html" hreflang="english">لن يُضاف إليه إطار</a> |
<script> | <script> | ||
| سطر 44: | سطر 43: | ||
</html> | </html> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| + | ==مصادر== | ||
| + | *<span> </span>[http://api.jquery.com/attribute-contains-prefix-selector/ <nowiki>صفحة محدد الخاصيات ذات السابقة [name|="value"] في توثيق jQuery الرسمي</nowiki>]. | ||
| + | [[تصنيف:jQuery]] | ||
| + | [[تصنيف:jQuery Attributes]] | ||
| + | [[تصنيف:jQuery Selectors]] | ||
المراجعة الحالية بتاريخ 06:57، 19 مايو 2018
محدد الخاصيات ذات السابقة [name|="value"]
الوصف
تحديد العناصر التي تمتلك خاصيّة HTML المُحدَّدة والتي قيمتها تساوي السلسلة النصيّة المُعطاة أو تبدأ بتلك السلسلة النصيّة متبوعةً بشرطة (-).
jQuery( "[attribute|='value']" )
أضيفت في الإصدار: 1.0.
attribute
اسم خاصيّة HTML.
value
قيمة خاصيّة HTML، يُمكِن أن تكون مُعرِّفًا صالحًا (valid identifier) أو سلسلةً نصيّةً موضوعةً بين علامتي اقتباس.
أُضيف هذا المُحدِّد إلى مواصفات CSS للتعامل مع خاصيّات HTML في تلك اللغة.
أمثلة
إيجاد كافّة الرّوابط التي تمتلك الخاصيّة hreflang ذات اللغة الإنجليزيّة، ثم ضبط إطار border لها:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>مثال عن الخاصيّات ذات السابقة</title>
<style>
a {
display: inline-block;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<a href="example.html" hreflang="en">نص ما</a>
<a href="example.html" hreflang="en-UK">نص ما آخر</a>
<a href="example.html" hreflang="english">لن يُضاف إليه إطار</a>
<script>
$( "a[hreflang|='en']" ).css( "border", "3px dotted green" );
</script>
</body>
</html>