jQuery CSS
سوف تتعلم في هذا الدرس التحكم في ال CSS Properties وايضاً التحكم في اضافة وتغيير ال CSS Classes باستخدام ال jQuery
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
jQuery CSS
</> Get CSS Property Value
ال css() method تتحكم في خصائص ال CSS التي تعرف بال CSS Properties لأي HTML Element
للحصول علي ال Value الخاصة باي Property نقوم بكتابة اسم ال Property بداخل ال css() method
css("propertyname");
$("p").css("color");
</> jQuery Set CSS Property
ال css() method تتحكم في خصائص ال CSS التي تعرف بال CSS Properties لأي HTML Element
للتعديل علي ال Value الخاصة باي Property او اضافة Property جديدة نقوم بكتابة اسم ال Property بداخل ال css() method متبوعاً بال Value
$("p").css("color", "orange");
$(document).ready(function(){
$("button").click(function(){
$("p").css("color", "orange");
});
});
</> Set Multiple CSS Properties
للتعديل علي اكثر من Value او ضافاة اكتر من Property بداخل ال css() method تكتب بالطريقة التالية
css({"propertyname":"value","propertyname":"value",...});
$("p").css({"color": "orange", "font-size": "25px"});
</> jQuery addClass
$("#button").click(function(){
$("h1, h2, p").addClass("blue");
$("#div").addClass("important");
});
<!DOCTYPE html>
<html>
<body>
<h1 id="myHeading">How to change the style of a heading</h1>
<script>
document.getElementById("myHeading").style.color = "red";
</script>
</body>
</html>
</> jQuery removeClass
$("#button").click(function(){
$("h1, h2, p").removeClass("blue");
});
</> jQuery toggleClass
$("button").click(function(){
$("p").toggleClass("main");
});
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعلم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة. نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي، لذا فإننا نركز على التعلم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن. هذه الخبرة ننقلها لك تحت إشراف مهندسين العباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
