Scribd
Upload
17 views3 pages

ماهي لغة jQuery

Uploaded by

zz3679018
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
17 views3 pages

ماهي لغة jQuery

Uploaded by

zz3679018
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

‫ماهي لغة ‪ 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 ‫كال النسختين يمكن تحميلهم من خالل موقع‬

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>

You might also like