۱۳۸۹/۱۰/۱۸

آموزش jquery - قسمت اول

دوستی دارم خیلی علاقه داره با jquery کار کنه اما خب ندانستن زبان انگلیسی و همچنین نبود یک مرجع خوب فارسی باعث شده که دچار مشکل بشه.

سعی می کنم که با زبان خیلی ساده قابلیتها و مشخصات این کتابخانه قدرتمند توسعه وب رو شرح بدم.

مقدمه
jquery یک کتابخانه بسیار قدرتمند جاوا اسکریپت است که با کمک آن می توان روی html خروجی در مرورگر تغییرات مورد نظر را اعمال کرد.برای کار باjquery آشنایی کامل با htmlو javascript ضروری است.

jquery برای کار با عناصر روی یک صفحه وب نیازمند است که از لود شدن همه عناصر اطمینان حاصل کند برای این کار از تابع زیر استفاده می کند :

$(document).ready(function() {
    console.log('ready!');
});
کد بالا با خطوط زیر معادل است :

$(function() {
    console.log('ready!');
});

همچنین می توان بعنوان پارامتر نام یک تابع رو به
$(document).ready()
پاس نمود مثال :
function readyFn() {
    // code to run when the document is ready
}
$(document).ready(readyFn);

انتخاب عناصر صفحه با کمک jquery

انتخاب عناصر یک صفحه وب با هدف اعمال تغییر روی آنها صورت می گیرد.
با چندین روش می توان عناصر را انتخاب نمود.

- انتخاب با کمک ID مثال :

$('#myId'); // note IDs must be unique per page

- انتخاب با کمک نام کلاس . مثال :
$('div.myClass'); // performance improves if you specify element type

- انتخاب با کمک صفت یک عنصر. این روش ممکن است کند باشد . مثال:

$('input[name=first_name]'); // beware, this can be very slow

- انتخاب با کمک ترکیب کردن انتخابگرهای CSS مثال :

$('#contents ul.people li');

- انتخاب با کمک شبه انتخابگرها . مثال :

$('a.external:first'); 
$('tr:odd');
$('#myForm :input');   // select all input-like elements in a form
$('div:visible');
$('div:gt(2)');        // all except the first three divs
$('div:animated');     // all currently animated divs
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Google
  • Furl
  • Reddit
  • StumbleUpon
  • Donbaleh
  • Technorati
  • Balatarin
  • twitthis

1 نظرات:

ali aghdam گفت...

مستر منتظر قسمت های بعدی هستیم

ارسال یک نظر