mehdi.web
Member
پیش نیاز ها
HTML
CSS
Java script
Jquery چیست ؟
جی کوئری یک کتابخانه از توابع جاوا اسکریپت است که با هدف “دستورات کم ، عمل های زیاد” پیاده سازی شده است.کتابخانه جی کوئری شامل ویژگی های زیر است :
کتابخانه جی کوئری یک فایل جاوا است که توابع جی کوئری را شامل می شود. با استفاده از دستور زیر می توان جی کوئری را به صفحه اضافه کرد :
[JSS]<head>
<script type="text/javascript" src="jquery.js"></script>
</head>[/JSS]
توجه داشته باشید که بهترین مکان برای تگ <script> داخل تگ <head> صفحه است.
نمونه ساده از جی کوئری
مثال زیر به ما نشان می دهد که چگونه با استفاده از تابع hide جی کوئری تمام المنت های P صفحه را مخفی کنیم.
[JSS]<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>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>[/JSS]
نمونه کد بالا را مشاهده کنید.
دانلود جی کوئری
دو نسخه از جی کوئری برای دانلود موجود است : یکی نسخه کم حجم و دیگر نسخه فشرده نشده که هر دو نسخه را می توانید از طریق این لینک دریافت کنید.
جایگزین های دانلود
در صورتی که تمایلی به دانلود جی کوئری ندارید می توانید از کتاب خانه های گوگل و یا مایکروسافت استفاده کنید.
گوگل :
[JSS]<head><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>[/JSS]
مایکروسافت :
[JSS]<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"></script>
</head>[/JSS]
HTML
CSS
Java script
Jquery چیست ؟
جی کوئری یک کتابخانه از توابع جاوا اسکریپت است که با هدف “دستورات کم ، عمل های زیاد” پیاده سازی شده است.کتابخانه جی کوئری شامل ویژگی های زیر است :
- انتخاب المنت های HTML
- دستکاری المنت های HTML
- دستکاری CSS
- توابع رویداد های HTML (مثل click و hover )
- اِفِکت ها و انیمیشن های جاوا اسکریپت
- اصلاح و پیمایش HTML DOM
- Ajax
- نرم افزار
کتابخانه جی کوئری یک فایل جاوا است که توابع جی کوئری را شامل می شود. با استفاده از دستور زیر می توان جی کوئری را به صفحه اضافه کرد :
[JSS]<head>
<script type="text/javascript" src="jquery.js"></script>
</head>[/JSS]
توجه داشته باشید که بهترین مکان برای تگ <script> داخل تگ <head> صفحه است.
نمونه ساده از جی کوئری
مثال زیر به ما نشان می دهد که چگونه با استفاده از تابع hide جی کوئری تمام المنت های P صفحه را مخفی کنیم.
[JSS]<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>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>[/JSS]
نمونه کد بالا را مشاهده کنید.
دانلود جی کوئری
دو نسخه از جی کوئری برای دانلود موجود است : یکی نسخه کم حجم و دیگر نسخه فشرده نشده که هر دو نسخه را می توانید از طریق این لینک دریافت کنید.
جایگزین های دانلود
در صورتی که تمایلی به دانلود جی کوئری ندارید می توانید از کتاب خانه های گوگل و یا مایکروسافت استفاده کنید.
گوگل :
[JSS]<head><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>[/JSS]
مایکروسافت :
[JSS]<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"></script>
</head>[/JSS]
آخرین ویرایش:
