الفرق بين المراجعتين ل"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"