الفرق بين المراجعتين لصفحة: «jQuery/attribute contains prefix selector»

من موسوعة حسوب
→ التعديل السابقالتعديل اللاحق ←
مرئينص الويكي
طلا ملخص تعديل
طلا ملخص تعديل
سطر 14: سطر 14:
==== <code>value</code> ====
==== <code>value</code> ====
قيمة خاصيّة HTML، يُمكِن أن تكون [[CSS/ID Selectors|مُعرِّفًا صالحًا (identifier)]] أو سلسلةً نصيّةً موضوعةً بين علامتي اقتباس.
قيمة خاصيّة HTML، يُمكِن أن تكون [[CSS/ID Selectors|مُعرِّفًا صالحًا (identifier)]] أو سلسلةً نصيّةً موضوعةً بين علامتي اقتباس.
قُدِّم هذا المُحدِّد إلى مواصفات CSS للتعامل مع خاصيّات HTML في هذه اللغة.
=== أمثلة ===
إيجاد كافّة الرّوابط التي تمتلك الخاصيّة <code>hreflang</code> ذات اللغة الإنجليزيّة:<syntaxhighlight lang="html">
<!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>
</syntaxhighlight>

مراجعة 16:00، 15 مايو 2018


محدد الخاصيات ذات السابقة

الوصف

تحديد العناصر التي تمتلك خاصيّة HTML المُحدَّدة والتي قيمتها تساوي السلسلة النصيّة المُعطاة أو تبدأ بتلك السلسلة النصيّة متبوعةً بشرطة (hyphen).

‎jQuery( "[attribute|='value']" )‎

أضيفت في الإصدار: 1.0.

attribute

اسم خاصيّة HTML.

value

قيمة خاصيّة HTML، يُمكِن أن تكون مُعرِّفًا صالحًا (identifier) أو سلسلةً نصيّةً موضوعةً بين علامتي اقتباس.

قُدِّم هذا المُحدِّد إلى مواصفات CSS للتعامل مع خاصيّات HTML في هذه اللغة.

أمثلة

إيجاد كافّة الرّوابط التي تمتلك الخاصيّة hreflang ذات اللغة الإنجليزيّة:

<!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>
مجلوبة من «https://wiki.hsoub.com/index.php?title=jQuery/attribute_contains_prefix_selector&oldid=8312»