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

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
(هذه الصفحة من مساهمات عدنان أمزيان.)
 
ط
 
(مراجعة متوسطة واحدة بواسطة نفس المستخدم غير معروضة)
سطر 1: سطر 1:
<noinclude>{{DISPLAYTITLE:محدد الخاصيات <code>‎[name]‎</code>‎ في jQuery}}</noinclude>
+
<noinclude>{{DISPLAYTITLE:محدد العناصر التي لها الخاصية [name] في jQuery}}</noinclude>
== المحدد attributeHas ==
+
== محدد العناصر التي لها الخاصية <code>[name]</code> ==
  
 
=== الوصف ===
 
=== الوصف ===
 
يختار هذا المحدد العناصر التي تمتلك خاصية معينة مهما كانت قيمتها.
 
يختار هذا المحدد العناصر التي تمتلك خاصية معينة مهما كانت قيمتها.
  
=== jQuery( "[attribute]" )‎ ===
+
=== <code>jQuery( "[attribute]" )‎</code> ===
 
أضيف مع الإصدار: 1.0.
 
أضيف مع الإصدار: 1.0.
  
==== attribute ====
+
==== <code>attribute</code> ====
 
اسم الخاصية المراد البحث عنها.
 
اسم الخاصية المراد البحث عنها.
  
سطر 38: سطر 38:
  
 
= مصادر =
 
= مصادر =
* [http://api.jquery.com/has-attribute-selector/ صفحة المحدد ‎‎attributeHas في توثيق jQuery الرسمي.]
+
* [http://api.jquery.com/has-attribute-selector/ صفحة المحدد ‎‎Has Attribute في توثيق jQuery الرسمي.]
 
[[تصنيف:jQuery]]
 
[[تصنيف:jQuery]]
 
[[تصنيف:jQuery Selectors]]
 
[[تصنيف:jQuery Selectors]]

المراجعة الحالية بتاريخ 14:41، 28 مايو 2018

محدد العناصر التي لها الخاصية [name]

الوصف

يختار هذا المحدد العناصر التي تمتلك خاصية معينة مهما كانت قيمتها.

jQuery( "[attribute]" )‎

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

attribute

اسم الخاصية المراد البحث عنها.

أمثلة

إضافة قيمة الخاصية id إلى المحتوى النصي للعنصر الذي يمتلك الخاصية id :

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>attributeHas demo</title>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<div>no id</div>
<div id="hey">with id</div>
<div id="there">has an id</div>
<div>nope</div>
<script>
// .one() نستعمل التابع
// لكي يُنفَّذ معالج الأحداث مرةً واحدةً على الأكثر لكل عنصر ولكل حدث

$( "div[id]" ).one( "click", function() {
  var idString = $( this ).text() + " = " + $( this ).attr( "id" );
  $( this ).text( idString );
});
</script>
</body>

مصادر