مقدمة عامة حول jquery

By


يمكن إضافة مكتبة jQuery إلى صفحات الويب من خلال سطر واحد .



ماذا ينبغي أن تعرف


قبل البدء بدراسة jQuery يجب أن تكون على علم باللغات التالية :

  • HTML

  • CSS

  • JavaScript


ان أردت دراسة هذه المواد يمكنك التوجه للصفحة الرئيسية للمعهد .



ماهي لغة jQuery ؟


ان لغة jQuery هي عبارة أن أكود الجافاسكربت JavaScript الوظيفية .

تعتبر لغة jQuery لغة خفيفة لمكتبةJavaScript "أقل كتابة و لكن أكثر مفعولاً " .

تحتوي لغة jQuery على المزايا التالية :

  • اختيار لعناصر HTML .

  • التعديل على عناصر HTML .

  • التعديل على CSS .

  • أكواد وظيفية functions خاصة بالأحداث .

  • تأثيرات JavaScript بالإضافة الى animation .

  • العمل و التعديل على HTML DOM .

  • AJAX





إضافة jQuery الى صفحات الويب لديك


يتم تخزين مكتبة jQuery في ملف JavaScript مستقل يحتوي على جميع طرق jQuery .

يمكن اضافتها على صفحة الويب من خلال الوسم التالي :
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>

لاحظ بأن وسم <script> يجب أن يكون ضمن قسم <head> .



مثال بسيط jQuery


يشرح المثال التالي الخاص jQuery مثال عن طريقة hide() الاختفاء والتي تقوم بإخفاء جميع عناصر <p> في صفحة HTML .

مثال
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});

</script>
</head>
<body>

<h2>هذا عنوان</h2>
<p>هذا موضوع</p>
<p> هذا موضوع آخر</p>
<button>اضغط هنا</button>

</body>
</html>




تحميل jQuery


متوفر نسختين من لغة jQuery : واحدة مصغرة والأخرى غير مضغوطة ( خاصة للقراءة و الكتابة ) .

كلا النسختين يمكن تحميلهم من خلال موقع jQuery.com



مكان آخر للتحميل


ان لم تكن تريد تخزين ملف مكتبة jQuery على موقعك الخاص عندها يمكنك استخدام مكتبة jQuery من خلال موقع Google أو Microsoft .

Google


<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>

Microsoft


<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"></script>
</head>


ليست هناك تعليقات:

إرسال تعليق