jQuery

|

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

در learn03 دقیقا همون کارو اومدم انجام دادم فقط رنگ رو سبز کردم فونت رو georgiaکردم و فونت سایز هم که largeهست این تغییرات برای چه document قرار هست اعمال بشه برای document sharp message حالا چی هست تمامی آیدی های که نامشون message هست حالا تو برنامه یک div دارم که اسمش message هست

و دقیقا میاد این تغییرات رو اعمال میکنه فرقش با آموزش قبلی این بود که اونجا کلاس message داشتیم اینجا آیدی message رو باید داشته باشیم.

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

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

فایل چهارم رو مورد بررسی قرار میدیم توی فایل چارم من اومدم اینجا گفتم document جاری من * باشه * یعنی کلیه المان ها و تگ هایی که توی صفحه html شما وجود داره حالا کلیه المان ها قرار جه تغییری داشته باشه قرار css شون border آن قرمز باشد حالا توی تگ های html ام ببینید من یک پاراگراف دارم یک div دارم که آیدی داره یم div دیگه دارم که یک آیدی دیگه داره 2تا div ام دارم که کلاس دارن و بالاترش ببینید که body هم دارم و همچنین یک div دیگه دارم که این script ها و تغییرات داخلش هست.خروجی رو ببنید به چه صورت خواهد بود وقتی ما * قرار میدیم document مون رو نگاه کنید هم برای body هم برای div به خاطر همین border رو پررنگ تر میبینید برای بقیه آیتم ها که پاراگراف و div های دیگه ام هست دقیقا این تغییرات اومده برامون اعمال شده.

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

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

در آموزش 05 من خواستم که تمام تگ های ul که li آنها کلاس B رو داره css آن border آن قرمز شود همچنین font family css آن بشه Georgia بعد اومدم توی کدهام یه تگ ul دارم که یک سری li داره بعضی از این li ها کلاسشون B هست اینهای که کلاسشون B میان این تغییرو میپذیرند نگا کنید document جاری من این جا چیه ul هست که li آن کلاسش B هست پس میاد ul رو میگیرد li را نگاه میکند اونایی که کلاسشون B هست میاد این تغییرات رو بهشون میده.که الان فقط آیتم اول و سوم کلاس A دارن تغییری نمیکنند ولی بقیه کلاس B رو دارند و اغییر میکنند.

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

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

فایل 06 رو مورد بررسی قرار میدیم توی فایل 06 من document خودم رو به این شکل اومدم تعریف کردم گفتم که ul که یک + گذاشتم و پاراگراف رو بعدش قرار دادم این به این معنیه میاد اولین پاراگراف رو بعد از ul میکنه document جاری تغییر رو بهش میده خب اینجا ما یه ul داریم اینجا هم یک سری پاراگراف اولین پاراگراف این پاراگراف که بعد ul ما اعمال شده دقیقا فقط این پاراگراف اول میاد اون تغییر رو داخل خودش نمایش میده.که میبینید اولین پاراگراف این تغییرات رو داخل خودش نمایش میده.

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

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

توی آموزش 07 دقت بکنید من اومدم گفتم ul و علامت مد رو گذاشتم و بعد پاراگراف رو قرار دادم و css رو گفتم که تغییر بکنه این دقیقا میاد تمامی پاراگراف هایی که بعد از ul هستن رو مورد تغییر قرار میده که ما اینجا 4تا پاراگراف داریم تمامی اونها میاد اون تغییر css داخلشون اعمال میشه.

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

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

توی فایل 08 من اومدم document خودم رو به این شکل تعریف کردم که گفتم کلاس های A که کلاس B داخلشون قرار داره بیاد یک css رو بگیره اینجا یکسری تگ پاراگراف دارم که تگ اول کلاس A رو داره تگ دوم کلاس A و کلاس B رو داره که داخل کلاس A هست تگ سوم کلاس B رو داره تگ چهارم هم کلاسAB رو داره دقت بکنید این یک درس css هست موقعی که شما میخوایید یک یا بیشتر از یک کلاس رو به یک آیتم خاص بدید یک فاصله بینشون میذارید و دیگه نیاز نیست . بزنید نام کلاس رو میزنید این به این معنیه که کلاس های B که داخل کلاس A قرار دارند به این شکل میاد اینجا براتون تعریف میشه الان توی این برنامه تنها تگ دوم میاد این تغییرات رو برای ما توی خودش نمایش میده که این رو هم run میکنم تا ببنید که تگ دوم یعنی تگ پاراگراف دوم کلاس A فاصله B رو داره دقیقا معادل با این document جاری ما در این قسمت هست.

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

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

فایل آخر از بحث selector رو خدمتتون اراِئه میدیم دقت بکنید document جاری ما شده تگ های A که داخل پاراگراف ما قرار دارند و css شون این صورت هست که border رو رنگ قرمز بکنم فقط این فرقش با حالت های قبلی که دیدیم که آیتمی داخل یک آیتم دیگه ایی بود به این صورت هستش که توی روت تگ پاراگراف باید اون تگ A قرار داشته باشه.اینجا ما 2تا تگ پارگراف داریم که نگ پارگراف اول توی ریشش یک تگ A داره که یک آدرسی رو داره توی تگ پاراگراف دوم ما تگ A رو داریم ولی دیکه توی ریشه نیست توی تگ اسپم میاد قرار میگیره پس تغییر میاد برای ما میاد توی تگی که ریشه تگ پاراگراف قرار داره اعمال میشه که این رو هم من ران میکنم.

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

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

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

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

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

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