دوره مجازی جاوااسکریپت (جلسه 17): دستکاری و انجام تغیرات در صفحات وب با jQuery

دسته بندی: جاوا اسکریپت
زمان مطالعه: ۲ دقیقه
۰۵ مرداد ۱۳۹۴

در جلسه گذشته مبانی و قواعد نوشتاری کتابخانه جی کوئری را آموختیم . این جلسه رو اختصاص دادیم به معرفی مجموعه ای از متدها و توابع جی کوئری که با استفاده از اونها می تونید اطلاعات مختلف تگ های Html و ویژگی CSS رو دریافت کنید و اونها رو دستکاری کرده و تغیرات جالبی در صفحه وب بدید . این جلسه خیلی مهم و عمده مباحثی که شما برای کار با جی کوئری لازم دارید رو پوشش میده .

مطالب مطرح شده در این جلسه عبارتند از :

  • معرفی document.ready و اجرای کدهای جی کوئری در انتهای لود صفحه وب
  • معرفی کیورد this و اهمیت آن در بلاک های کد جی کوئری
  • معرفی متدهای دریافت اطلاعات تگ ها در جی کوئری
  • متدهای تغیر و نوشتن اطلاعا تگ ها در جی کوئری
  • متد های text,html,val و attr
  • افزودن یک تگ جدید در ابتدا و انتهای یک تگ دیگر
  • افزودن یک تگ جدید در قبل و یا بعد از یک تگ دیگر
  • نحوه حذف یک تگ و یا محتوای آن از صحه وب در جی کوئری
  • تغیر ویژگی های مختلف css با استفاده از جی کوئری
  • معرفی متدهای مهم addClass, removeClass و toggleClass برای تغیر کلاس های تگ ها
  • معرفی متد css و نحوه خواندن و نوشتن ویژگی های css اعمال شده روی تگ های html
  • معرفی متدهای دریافت ابعاد اشیاء و تگهای موجود در صفحه وب
:: توجه

این مطلب یک جلسه از آموزش javascript می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در آموزش javascript

نویسنده
بیش از 15 سال هست که برنامه نویسی می کنم و از بین همه زبون هایی که کار کردم جاوا، اسمبلی و php رو دوست دارم. دانشجوی دکترای نرم افزارم و توی دانشگاه روی پردازش بیگ دیتا و پردازش موازی کار کردم و عاشق چالش از هر نوعیش هستم! سون لرن مثل بچه منه که 12 سال براش وقت گذاشتم، اینجا همه تلاش می کنیم از شروع یادگیری تا ورود به بازر کار حوزه برنامه نویسی و IT همراهتون باشیم.

جلسات دوره

نظرات کاربران

Behdad Khateri

سلام استاد ممنون از آموزشهای خوبتون
فهمیدن کدهایی که دیگران نوشته اند خیلی سخت هستش آیا روش خاصی برای این کار وجود دارد؟ و آیا لازم است ما کدهای پیچیده ای که توسط دیگران نوشته شده اند را بتوانیم کامل درک کنیم؟
در مورد اصلاح کدها هم در زمان تدریس واقعا خیلی خوبه که ما همزمان با نحوه تصحیح کدها و پیدا کردن ایراد کدها آشنا میشیم. موفق باشید

لقمان آوند

ممنون از لطفتون
برای فهمیدن کدها باید هم تسلط شما بر زبان بالا باشه و هم درک و تجربه کافی رو داشته باشید که بتونید تحلیل کنید کدها رو .
باتجربه تر که بشید براتون راحتتره .

فرهاد

استاد من دنبال پلاگینی برای جی کوئری می گردم که یک ویدیو رو در لایت باکس پخش کنه . چند مورد در اینترنت پیدا کردم اما درست کار نمی کردن. می تونید یه پلاگین خوب رو در این مورد بهم معرفی کنید؟ با تشکر

وحید صالحی

سوالتون رو در انجمن مطرح کنید

فرهاد

مطرح کردم کسی پاسخ نداد

وحید صالحی

دوستان اگر اطلاعی داشته باشن حتما پاسخ خواهند داد

امیررضا داعی

استاد منطورم از Deferred توابعی به همین نام در جی کوئری هست که شنیدم بسیار Advance هستش. اگه ممکنه این لینک سایت جی کوئری رو ببینید:
http://api.jquery.com/category/deferred-object/

لقمان آوند

متوجه شدم.
بعید میدونم در ادامه در موردش صحبت کنید. یکم بحثش خاصتر هست و همونطوری که گفتی پیشفرته تر.
ایشالله وقت بشه بعدا یه آموزش تکمیلی براش ایجاد میکنیم …
ممنون از پیشنهادتون

hassani

سلام به نظر من همین رفع اشکالی که اتفاقی در حین آموزش اتفاق می افته خیلی خوبه چون ما با نحوه رفع اشکال هم آشنا میشیم من خیلی وقتا وقتی استاد در حین آموزش با مشکلی روبرو میشن ویدیو رو متوقف میکنم و خودم دنبال عیب یابی کد میرم و بعد با ادامه ویدیو با نحوه کار استاد مقایسه میکنم.
خیلی خوب بود
تشکر ❓ ❓ ❓

لقمان آوند

ممنون

hassani

استاد فقط ببینیدش:
http://s3.picofile.com/file/8203162818/spiderGame.7z.html

hassani

اینم یه مینی پروژه که قبلنا سعی میکردم با css طراحیش کنم ولی الان با جی کویری راحت تونستم انجامش بدم:
http://s3.picofile.com/file/8203626642/miniproject.rar.html

با تشکر از سون لرن

لقمان آوند

آفرین. خوب بود …
بهتر هم میشه نوشت .
تو پروژه هامون داریم این مورد رو …
ممنون

hassani

ممنونم.
این به خاطر زحمات شماست که هرچی میدونید رو در آموزش هاتون برای ما میذارید
❓ ❓

لقمان آوند

لطف دارید…

لقمان آوند

واقعا آفرین داره . رو دست مارو هم زدیا …
خیلی خوشحالم که این پیشرفت و توانایی رو در شما میبینم .
ایشالله که روز به روز موفق تر باشی …

hassani

نمیدیدیدشون 😀

لقمان آوند

😀 😀 😀
پیش میاد دیگه !

امیررضا داعی

سلام استاد، می خواستم بدونم راجع به Defered هم توضیحی ارایه می فرمایید؟؟

لقمان آوند

دقیقا منظورتون چی هست ؟ اگه نحوه لود فایلای جاوااسکریپت رو می خواید در جلسات اول گفتیم …

پایان زمان پشتیبانی

دانشجوی گرامی، بازه پشتیبانی فعال برای این دوره ۳ ماه است که برای شما به پایان رسیده است.

شما هم چنان می توانید سوالات خود را در این قسمت بپرسید اما اولویت پاسخ گویی با دانشجویانی است که بازه پشتیبانی فعال دارند.

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
گزارش مشکل