السلام عليكم واللهم صل على محمد وال محمد
نكمل اليوم بالدرس العاشر دورة تصميم قالب بلوجر 2021 من الصفر الى الاحتراف فبعد ان تكلمنا في الدروس السابقة عن
نكمل اليوم مع مكتبة jQuery ونبدء بسم الله
لمحة عن jQuery قسم ثاني
1-$(selector).click(function(){});
وظيفة الضفط اي عند الضغط على عنصر معين سيتم اجراء وظيفة او اكثر من وظيفة بعد الضغط مثال على ذالك
<button>زر للضغط عليه</button><p>الفقرة المتؤثرة بعد الضغط.</p>$("button").click(function(){$("p").addClass("test");});
في المثال السابق قمنا بوضع وظيفتين الاولى هي عند الضغط على الزر بالاعلى سوف تحدث وظيفة اخرى وهي اضافة كلاس test للفقرة
2-$(selector).append(content);
$(content).appendTo(selector);
لاضافة كود او مجموعة اكواد لنهاية عنصر معين
$(selector).prepend(content);
$(content).prependTo(selector)
لاضافة كود او مجموعة اكواد لبداية عنص معين
مثال على هذه الوظائف
<div id="test"><p>سيتم اضافة فقرة بعد هذه الفقرة</p></div>$("#test").append("<p>فقرة مضافة جديد</p>");$("<p>فقرة مضافة جديد</p>").appendTo("#test");
في المثال السابق قمنا باضافة فقرة جديد لنهاية ال div الذي يحمل ايدي test
مثال اخر
<div id="test"><p>سيتم اضافة فقرة قبل هذه الفقرة</p></div>$("#test").prepend("<p>فقرة مضافة جديد</p>");$("<p>فقرة مضافة جديد</p>").prependTo("#test");
في المثال السابق قمنا باضافة فقرة جديدة لبداية ال div الذي يحمل ايدي test
يفضل دائما مشاهدة الفيديو لفهم اوضح
رابط موقع w3schools
تعليقات