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

من موسوعة حسوب
هذه الصفحة من مساهمات عدنان أمزيان.
 
طلا ملخص تعديل
 
(1 مراجعات متوسطة بواسطة نفس المستخدم غير معروضة)
سطر 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>

مصادر