jQuery

|

(آموزش جی کوئری(قسمت اولدر فایل آموزشی قبلی شما نحوه نصب jquery روی وب سایتتون رو یاد گرفتید و همچنین دیدید که یک مثال ساده زدیم و یک alert ساده رو نمایش دادیم که دقیقا همین فایلی هستش که شما مشاهده میکنید.

از این قسمت آموزشی به بعد ما اون document اصلی که مربوط به jquery هست رو خدمتتون ارئه میدیم که همانطور که میبینید 19 chapter رو شامل میشه و با توجه به آخرین تغییراتی که در jquery به وجود اومده رو ما به روز میکنیم و تا انتهای آموزش مرحله به مرحله ارائه میدهیم.اولین مبحثی که ما میخواهییم در jquery مورد بحث قرار دهیم selector ها هستند.بحث selector خودش شامل 9تا فایل آموزش میشه که اولیشو همانطور که خدمتتون عرض کردم آموزش دادم.ما learn 01 رو باز میکنیم من این خط کد رو دیگه خدمتتون توضیح نمیدم سریع میگم ما توی تگ هد لینک jquery مون رو قرار میدیم اگه script میاییم اون کد مربوط به Jquery هست رو قرار میدیم و این خط اول به این معنی هستش که $ معادل کلمه ی jquery هست dovument اشاره به کل فضای جاری و داکیومنت جاری شما میکنه یعنی صفحه جاری شما میکنه و function آکولاد بازو بسته کدی هستش که تو کلیه ی کدهای jquery باید نوشته بشه وبعد این آکولاد یعنی آکولاد بازو بسته هر کدی دیگه نیاز دارید که بعدا بیایید بنویسید و پیاده سازی بکنید رو قرار میدید.پس من دیگه ا ین خط هارو توی آموزش های بعدی خدمتتون توضیح نمیدم چون که توی آموزش های قبلی کامل خدمتتون توضیح دادم توی این آموزش هم که یک اشاره ایی بش کردیم.تو این آموزش دقت بکنید بعد از این که آکولاد آبروو رو باز و بسته کردیم من از علامت $ استفاده که گفتیم دقیقا معادل کلمه ی jquery هست و بعد از این ما باید document مون رو مشخص میکردیم دیگه طبق این document ریشه که اینجا هست ما یک کلمه document کفتیم در اول خط مینویسیم و حالا هرچی بخاییم خودمون اضافه کنیم بعد از اون داخل این () در اصل همون document هستش که روش یک سری تغییرات قرار که توسط jquery اعمال بشه الان document که ما در خط دوم داریم تگ p هست تگ p حالا قرار یکسری فعالیت ها روش انجام بشه ما توسط خود jquery به css و کسکت استایل شید هایی که باهاشون کار میکنیم هم دسترسی داریم به عنوان مثال خاستم document جاری من تگ های پاراگراف باشه و خاستم property css شون رو مورد بررسی قرار بدم توسط jquery خود css یک سری property داره یعنی که شما میتونید یکسری آیتم هارو توسط css تغییر بدید که خب توی آموزش css اینهارو کامل توضیح دادیم به عنوان مثال من خواستم border رو برای تگ های پاراگراف رنگ قرمز بکنم اینجا property css رو نوشتم داخل دابل کوتیشن و کاما رو قرار دادم و بعدا اون تغییری که میخوام روی اون property اعمال بشه رو دوباره داخل دابل کوتیشن اینجا نوشتم این الان دقیقا به این معنی که تگ های پاراگراف های من border شون میشه قرمز و توی برنامم هم یعنی تگ script وقتی که تموم میشه دیگه کدهای html من توی body قرار هست شروع بشه من یه تگ پاراگراف دارم که عدد 121 رو داخلش قرار دادم و حالا همانطور که میبینید این تغییر میاد روی این تگ پاراگراف اعمال میشه همانطور که میبنید اون border میاد برای من اینجا اعمال میشه.

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

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

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

Learn02 رو مورد بررسی قرار میدیم توی learn02 من علاوه بر این که خواستم رنگ رو تغییر بدم یعنی علاوه بر این که یکی از property های css رو برای یک document خاص تغییر بدم خاستم بیشتر از یکی باشه یعنی علاوه بر color بیام font family و font size رو هم تغییر بدم خب این هارو من خیلی راحت property اولو نوشتم یعنی گفتم خود property color رنگش بشه قرمز دوباره .css زدم گفتم property font family بشه تاهوما دوباره .css زدم گفتم font size هم بشه large فقط اینا میاد روی کدوم document اعمال میشه روی document .message دقیقا میاد تمام کلاس هایی که نامشون message هست رو میاد این تغییرات رو روشون اعمال میکنه داخل body و تگ html خودم تگ div دارم که کلاسش message هست این 121 رو اینجا قرار دادم الا همه ی تغییرات میاد روی این div اعمال میشه که عدد 121 رو برای من اینجا نمایش میده.

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

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

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

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

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