jQuery

|

(آموزش جی کوئری(قسمت جهارم

در آموزش هشتم ما خواستیم تمامی پاراگراف هایی که بعد از ul میان قرار میگیرن آیدیشون کلمه پارا رو داره و لنگشون en هست و اومدیم دوباره توی فیلتر هایی که اعمال کردیم خواستیم اولین پاراگرافی که این آیتم هایی که عرض کردم خدمتتون داره نمایش داده بشه

یعنی که نگا بکنید ما اینجا توی پاراگراف ها 2تا پاراگراف داریم که معادل اون تغییری که میخواهیم داشته باشیم یعنی کلمه پارا رو توی آیدیشون دارند و انگشون هم en هست.ولی اینجا خواستیم فقط first یعنی اولیه نمایش داده بشه اینجا فقط اولین پاراگراف رو برای ما میاد و نمایش میدهد.

(آموزش جی کوئری(قسمت چهارم

(آموزش جی کوئری(قسمت چهارم

خب در آموزش نهم ما کدمون دقیقا مثل آموزش هستم هست قثط یک کلمه NOT اومدیم اینجا اضافه کردیم گفتیم پاراگراف هایی که NOT این مبحثی که داخل پرانتز هست یعنی این فیلتری که داخل پرانتز هست رو میخواییم این تغییرات داخلش اعمال نشه و بقیه پاراگراف ها اعمال بشه که نگاه بکنید این رو run میکنیم دقیقا اون پاراگرافی که اون تغییرات رو داره که همین پاراگراف اول هست چون NOT رو ما قرار دادیم اون تغییرات اعمال نمیشه بقیه پاراگراف ها تغییرات رو میان داخل خودشون نمایش میدن.

(آموزش جی کوئری(قسمت چهارم

(آموزش جی کوئری(قسمت چهارم

قسمت دهم رو مورد بررسی قرار میدیم تواین قسمت خواستیم پاراگراف هایی که شامل کلمه 121 هست بیاد این تغییرات رو داخل خودش نمایش بده یعنی document جاری خودمون رو به این صورت اومدیم فیلتر کردیم که فقط اونهایی که حاوی 121 هستند برای ما اون تغییرات css رو بگیرن که به این صورت شما شاهد هستید.

(آموزش جی کوئری(قسمت چهارم

(آموزش جیکوئری(قسمت چهارم

در بخش یازدهم ما خواستیم تمامی آیتم های که میتونند 121 رو داخل خودشون داشته باشیم رو به عنوان document جاری ما در نظر گرفته بشه به خاطر همین از 2تا نقطه استفاده کردیم الان من هم پاراگرافی رو دارم که 121 رو داخل خودش داره هم body رو دارم که به صورت پیش فرض بدوت هیچ تگی 121 رو داخل خودش داره همچنین یک ul رو دارم که توی li اول خودش 121 رو داره.ببینید هم body من میاد این تغییرات رو میگیره و هم اون آیتم هایی که 121 رو داخل خودشون دارند میان اون تغییرات رو داخل خودشون نمایش میدن.

(آموزش جی کوئری(قسمت چهارم

(آموزش جی کوئری(قسمت چهارم

در بخش دوازدهم اینجا خواستیم فیلتر و document مون به این صورت باشه که پاراگراف هایی که parent هستند یعنی توی روت صفحه ما هستند بیاد این تغییرات رو بگیره.الان تو روت صفحه خودمون 3تا پاراگراف داریم که این 3 تا پاراگراف ائن تغییر رو میاد داخل خوشون نمایش میدهد.

(آموزش جی کوئری(قسمت چهارم

(آموزش جی کوئری(قسمت چهارم

در قسمت بعدی ما خواستیم ul هایی که li یکی از اون ها کلاس A رو داره بیاد کل ul رو تغییرات رو بهش بده وقتی به این صورت شما فیلتر میکنید دارید میگید که اگه داخل ul ی یکی از li هاش کلاسA بود بیاد کل اون ul و li هایی که حالا اون کلاس رو ندارند میاد اون تغییر رو بهشون میده دقیت بکنید اینجا یک سری تگ پاراگراف داریم 2تا هم ul داریم که یه ul کلاس B رو داره با این اصا هیچ کاری نداره خود jquery با این ul که یکی از li هاش کلاس A هست میاد این تغییرا رو برای کلیه ul اعمال میکنه نه تنها اون کلاس رو داره چون از کلمه has استفاده کردیم.

(آموزش جی کوئری(قسمت چهارم

(آموزش جی کوئری(قسمت چهارم

در قسمت بعدی اومدیم گفتیم که میخواییم داخل ul ها li هایی که به صورت child هستند خب خود li ها به صورت child برای ul هستند ولی خواستیم که شماره child 3 باشه یعنی سومین li هایی که داخل ul قرار دارند این تغییرات رو داخل خودشون بگیرند الان ما اینجا 2تا ul داریم که برای این ul ها li های 123 li سوم هست و تنها این li ها میان این تغییرات رو داخل خودشون نمایش میدهند.

(آموزش جی کوئری(قسمت چهارم

(آموزش جی کوئری(قسمت چهارم

آخرین قسمت از filter رو هم به این صورت اومدیم document جاری رو تعریف کردیم که ما قسمت هایی از صفحه که به صورت فرم هستند و تگ های input رو دارند که حالا به صورت متنی قرار تایپشون باشه بیاد این تغییرات رو داخل خودش نمایش بده که اینجا هم توی کد html مون یک تگ input استفاده کردیم که آیدی دادیم بهش و تایپش تکست هست دقیقا میاد این قسمت رو برای ما اون تغییرات jquery css رو اعمال میکنه و به این شکل که شما مشاهده میکنید نمایش میدهد.

(آموزش جی کوئری(قسمت چهارم

(آموزش جی کوئری(قسمت چهارم

دریافت آخرین مطالب وبلاگ در کانال داتینه

بهاره شهسواری

بهاره شهسواری ، کارشناس نرم افزار هستم .
از سال 91 مشغول به یادگیری زبان های css ,html , javascript و jquery شدم
و از سال 93 به صورت اختصاصی به فعالیت در حوزه css و html پرداختم. علاوه بر کد نویسی به گرافیک هم علاقه مند هستم.

نظرات
نظر بدهید