الفرق بين المراجعتين ل"jQuery/attribute contains prefix selector"

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
 
(5 مراجعات متوسطة بواسطة نفس المستخدم غير معروضة)
سطر 1: سطر 1:
<noinclude>{{DISPLAYTITLE:محدد الخاصيات ذات السابقة <code>‎‎[name="value"‎]‎‎</code>في jQuery}}</noinclude>
+
<noinclude>{{DISPLAYTITLE:محدد الخاصيات ذات السابقة <code>[name&#124;="value"‎]</code> في jQuery}}</noinclude>
 
== محدد الخاصيات ذات السابقة ‎<code>[name|="value"]</code>‎ ==
 
== محدد الخاصيات ذات السابقة ‎<code>[name|="value"]</code>‎ ==
  

المراجعة الحالية بتاريخ 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>

مصادر