قالب عالم التقنية السورية الاصدار الثالث

السلام عليكم واللهم صل على محمد وال محمد

نكمل اليوم بالدرس العاشر دورة تصميم قالب بلوجر 2021 من الصفر الى الاحتراف فبعد ان تكلمنا في الدروس السابقة عن 

1. مقدمة هامة ولمحة عن لغة HTML قسم اول
2. لمحة عن لغة HTML قسم ثاني
3. لمحة عن لغة CSS قسم اول
4. لمحة عن لغة CSS  قسم ثاني
5. لمحة عن لغة CSS قسم ثالث واخير
6. لمحة عن لغة javaScript قسم اول
7. لمحة عن لغة javaScript قسم ثاني
8. لمحة عن لغة javaScript قسم ثالث واخير
9. لمحة عن مكتبة jQuery قسم اول

نكمل اليوم مع مكتبة 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