JQuery

jQuery - Set Content and Attributes

سوف تتعلم في هذا الدرس كيفية التعديل علي نصوص و ال HTML الخاصة باي عنصر باستخدام ال jQuery

التاريخ

30 نوفمبر 2021

الدروس

22

المستوى

العامة

اللغة

انجليزي

المشاهدات

440

المواضيع

4
الشروحات chevron_left jQuery - Set Content and Attributes chevron_left JQuery

jQuery - Set Content and Attributes

</> Set HTML

عن طريق خاصية ال ()html تستطيع إعادة تعيين قيمة  أي HTML Element 

تكتب القيمة بداخل ال HTML لكي نقوم بتغيير ال HTML Content لأي Element

$("#btn1").click(function(){
$("#btn2").click(function(){
  $("#test2").html("<b>Hello world!</b>");
});
});

</> Set Text

عن طريق دالة ()text تستطيع إعادة تعيين النصوص لأي HTML Element 

تكتب القيمة بداخل ال text لكي نقوم بتغيير ال Text Content لأي Element

$("#btn1").click(function(){
  $("#test1").text("Hello world!");
});
});

</> set Value

عن طريق دالة ال ()val تستطيع إعادة تعيين قيمة ال Form Element لأي  Element بداخل ال forms

تكتب القيمة بداخل ال val كي نقوم بتغيير ال value لأي inputs

$("#btn1").click(function(){
$("#btn3").click(function(){
  $("#test3").val("Mohamed saleh");
});

</> set Attributes

عن طريق خاصية ال ()attr تستطيع إعادة تعيين قيمة ال Attribute لأي Element صفحة الويب

تكتب القيمة بداخل ال attr كي نقوم بتغيير ال value لأي attribute لأي Element صفحة الويب

$("#button").click(function(){
  $("#close").attr({
    "href" : "https://www.closetag.com",
    "title" : "CloseTag jQuery Tutorial"
  });
});
معلومات تهمك
  • لا تنسى تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنسى مشاركة الموقع مع أصدقاءك حتى تعمّ الفائدة وتكون سبب في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات