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

يمكن إضافة مكتبة 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>