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

من موسوعة حسوب
لا ملخص تعديل
لا ملخص تعديل
سطر 12: سطر 12:


==== <code>value</code> ====
==== <code>value</code> ====
قيمة خاصيّة HTML، يُمكِن أن تكون [[CSS/ID Selectors|مُعرِّفًا صالحًا (identifier)]] أو سلسلةً نصيّةً موضوعةً بين علامتي اقتباس.
قيمة خاصيّة HTML، يُمكِن أن تكون [[CSS/ID Selectors|مُعرِّفًا صالحًا (valid identifier)]] أو سلسلةً نصيّةً موضوعةً بين علامتي اقتباس.


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

مراجعة 10:42، 18 مايو 2018

محدد الخاصيات ذات السابقة ‎[name|="value"]

الوصف

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

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

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

attribute

اسم خاصيّة HTML.

value

قيمة خاصيّة HTML، يُمكِن أن تكون مُعرِّفًا صالحًا (valid 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>

مصادر