درود
با فصل پنجم خدمت رسیدیم.
در jquery میتونید از p و نام class و id موجود در html استفاده کنید.اینارو بهشون میگیم selectors.
این selector ها بخش مهمی از یک دسته کد های jquery رو تشکیل میدن.
selector ها به شما اجازه میدن تا عنصر های html رو انتخاب کنید و اونارو دستکاری کنید.
selector های jquery بر اساس class یا id یا .... آن ها انتخاب می شوند.
این بستگی به selector های css هم داره.
css گاهی اوقات selector های مخصوص خودش رو داره.
همه selector ها در jquery در ابتدا با علامت دلار $ و پرانتز () شروع میشن.
انتخاب کننده(selector) عنصر:
انتخاب کننده عنصر بسته به نام آن ها،از عنصر ها استفاده می کنند.
شما می تونید یه کد برای کلیه متن هاتون بنویسید که کدش به شرح زیر هست:
کد:
$("p")
در این جا p همون عنصر html هست.(یه وقت گیج نشید یگید اینو از کجا آرودی!)
یه مثال هم براتون آماده کردم به طوری که وقتی یه کاربر روی متنی کلیک می کنه،اون متن پنهان میشه:
کد:
$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});
حالا میریم سرغ انتخاب کننده id که در css اونو با id# نشون میدیم.
انتخاب کننده یا همون selector آیدی# یا id# در jquery از تگ html برای پیدا کردن عناصر استفاده می کنه.
یه id باید تو صفحه منحصر به فرد باشه یعنی هیچ آیدی دیگه ای مثل اون نباشه.
اگه می خواید تو jquery از id استفاده کنید باید از کد زیر استفاده کنید:
کد:
$("#id")
مثلا با کد زیر مشخص میشه که اگه کاربری روی دکمه ای با id مشخص کلیک کرد اون دکمه پنهان بشه:
کد:
$(document).ready(function(){
  $("button").click(function(){
    $("#id").hide();
  });
});
خوب حالا میریم سرغ انتخاب کننده class:
مثل همون چیزیه که برای id گفتم فقط یه تفاوت داره اونم اینه که به جای # نقطه مبذاریم.( . )
کدش به این شکل میشه:
کد:
$(".test")
مثال زیر هم برای موقعی هست که می خواید وقتی کاربری رو متنی با کلاس test کلیک می کنه متن پنهان شه.
کد:
$(document).ready(function(){
  $("button").click(function(){
    $(".test").hide();
  });
});
در اول فصل ششم برای شما مثال های قابل استفاده دیگه ای هم میذارم.
پایان فصل پنجم.
موفق و سربلند باشید.
منبع:وی بی ایران