On method
تستخدم دالة ( ) on في ربط دوال وعناصر اخري بدالة معينة تقوم بتنفيذها
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
On ( ) method
</> On ( ) method
تستخدم الدالة ( ) on في ربط عناصر ودوال اخري يتم تنفيذها عند تنفيذ دالة معينة تقوم بتنفيذها وهي تحل محل الدوال التالية { delegate , bind live )
ويمكننا ايضا استخدام الدالة ( ) off في حالة اذا اردنا فصل الدوال التي قمنا بربطها بالدالة ( ) off
$(selector).on(event, childSelector, data, function, map)
- event : هو عنصر الزامي , وهو يحدد واحد او العديد من ال events او namespace ليتم ربطهم بالعنصر الخاص بنا وفي حالة ربط اكثر من event او namespace يجب الفصل بينهم بمسافات
- childSelector : هو عبارة عن parameter اختياري وهي تحدد العناصر الداخلية التي تندرج تحت العنصر الاساسي
- data: هي ايضا parameter اختياري وهي عبارة عن معلومات إضافية سوف يتم ارسالها الي handler عند تنفيذ حدث معين
- function(eventObj):هي عبارة عن parameter اختياري . وهي عبارة عن دالة يتم تنفيذها عن تنفيذ ال event المختار
- map : وهي تشير الي الحدث event الذي يسمي map.
</> Examples
Example 1
$(document).ready(function(){
$("h3").on("click",function(){
alert("You just clicked the heading");
});
});
Example 2
$(document).ready(function(){
$("div").on("mouseover mouseout click",function(){
$("div").text("Click me").toggleClass("myDiv");
});
$("div").click(function(){
alert(" You have clicked a div element. ");
});
});
Example 3
$(document).ready(function(){
$("div").on("customEvent", function(e, show){
$(this).text("Welcome to the " + show).show();
});
$("button").click(function(){
$("div").trigger("customEvent", ["closetag"]);
});
});
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعلم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة. نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي، لذا فإننا نركز على التعلم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن. هذه الخبرة ننقلها لك تحت إشراف مهندسين العباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
