موضوع :
آموزشگاه اسکینک ,
آموزش jQuery ,
زمان: 1395/01/26
سلام اینبار با ادامه آموزش جکوئری در خدمتتون هستم.علت تاخیر در ادامه آموزش جکوئری عدم استقبال کاربران و مشغله درسی بوده است.
اگر جلسات قبل رو مطالعه نکرددی از لینک زیر جلسات قبل را بخوانید و سپس این جلسه را بخوانید؛ جلسات آموزشی jquery به هم وابسته می باشند.
جلسه اول : مقدمه و معرفی
جلسه دوم : انتخاب کننده ها - بخش اول
در این جلسه به ادامه معرفی و آموزش انتخاب کننده ها در جکوئری می پردازیم.
انتخاب عناصر بر اساس خواص و مقدار :
اجازه بدید با مثال براتون توضیح بدهم ؛ در کد زیر همه عناصری که دارای خاصیت href هستند انتخاب می شوند.
خب شاید بگید کاربرد این چیه ؟! یکی از کاربرداش اینکه شما می تونید تما لینک های صفحتون رو کنترل کنید مثلا به اول لینک ها آدرس انتقال دهنتون رو اضافه کنید.لینک سایت هایی که دوست ندارید رو بلوک کنید و...
خب بیایید یکم کدمون رو دقیقتر بنویسیم مثلا بگیم هر href که دارای مقدار مثلا # است رو انتخاب کن. (در اینجا به جای # می توانید ادرس اینترنتی مورد نظرتون رو قرار بدید)
کد زیر دقیقا همین کار رو انجام میده :
جالبه مگه نه ؟! حالا بیایید یه کدی بنویسیم که هر فایلی رو با پسوند دلخواهمون انتخاب کنیم. مثلا کدی بنویسیم که تمامی href هایی که مقدار آنها به .jpg ختم می شود را انتخاب کنیم.
کد زیر این کار رو انجام میده :
در کد بالا بجای .jpg هر فرمت دلخواهی رو می تونید بنویسید مثل .rar یا .zip یا .gif و...
با این کدهای کارهای زیادی میشه کرد.
انتخاب عناصر بر اساس ترتیب قرار گیری : کد زیر میاد و داخل لیست ul اولین li رو انتخاب می کنه.
شما می تونید با این انتخاب گر کدی بنویسید که وقتی کاربر روی دکمه کلیک کرد اولین آیتم لیست رنگش عوض بشه یا ... .
انتخاب همه تگ های هد موجود در صفحه (h1 تا h6) : کد زیر تمام تگ های هدر موجود در صفحه رو انتخاب می کنه ؛ با این انتخاب کننده می تونید کدی بنویسید که تمام تگ های هدینگ h1 تا h6 رو انتخاب کنه و رنگشون رو عوض کنه یا کارهای دیگر.
انتخاب اولین نمونه از یک نوع تگ در صفحه : این کد اولین نوع از تگ p (پاراگراف) رو انتخاب می کنه.
نکته به جای تگ p می توانید هر تگ دیگه ای رو انتخاب کنید.
نکته : حالا اگه بخواییم آخرین نمونه رو انتخاب کنیم باید چکار کنیم ؟ واقعا باید چکار کنیم ؟ :)
خیلی راحت به جای first در کد بالا last قرار میدیم اینجوری آخرین نمونه انتخاب میشه.
دوستان عزیز این جلسه آموزشی از جکوئری هم به پایان رسید؛ اگر می خواهید کدنویس خوب باشید بارها و بارها این مطلب و مطالب قبلی و بعدی آموزشی رو بخونید و تمرین کنید.
خودتون ابزار بنویسید تا الان با چیزای که یاد دادم بهتون می تونید ابزار های کاربردی بنویسید.
مشکلی دارید در انجمن مطرح کنید.
فایل PDF این جلسه آموزشی رو می تونید از باکس دانلود ، دانلود کنید.
به پایان آمدیم دفتر حکایت همچنان باقیست.
676
نظرات : 2 تا
بازدید : بار
