مقدمة إلى jQuery

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

مكتبة jQuery - الميزات

jQuery مكتبة JavaScript.

تتضمن مكتبة jQuery الميزات التالية:

  • اختيار عناصر HTML
  • عمليات عناصر HTML
  • عمليات CSS
  • وظائف الحدث HTML
  • أثرات JavaScript ومحركات
  • استكشاف وتعديل HTML DOM
  • AJAX
  • الأدوات

إضافة مكتبة jQuery إلى صفحتك

مكتبة jQuery تقع في ملف JavaScript، الذي يحتوي على جميع وظائف jQuery.

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

<head>
<script type="text/javascript" src="jquery.js"></script>
</head>

لاحظ أن علامة <script> يجب أن تكون في جزء <head> من الصفحة.

مثال أساسي jQuery

في هذا المثال، يتم عرض وظيفة hide() من jQuery، حيث يتم إخفاء جميع عناصر <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 type="button">انقر هنا</button>
</body>
</html>

تجربة شخصية

تحميل jQuery

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

هذه الإصدارات متاحة jQuery.com تحميل

البدائل للمكتبة

Google و Microsoft يدعمان jQuery بشكل جيد.

إذا كنت لا تريد تخزين مكتبة jQuery على جهازك، يمكنك تحميل ملفات jQuery النواة من Google أو Microsoft CDN.

استخدام CDN من Google

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

استخدام CDN من Microsoft

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