القائمة الرئيسية

الصفحات

دورة تصميم قوالب بلوجر 2021 الدرس 10 لمحة عن jquery قسم 2

دورة تصميم قالب بلوجر


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

نكمل اليوم بالدرس العاشر دورة تصميم قالب بلوجر 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
  • فيس بوك
  • بنترست
  • تويتر
  • واتس اب
  • لينكد ان
author-img
Ahmad Wael

عدد المقالات:

شاهد ايضا × +
إظهار التعليقات