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

- visibility ٢٢ mode_comment

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

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

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

این مطلب یک جلسه از دورهدوره آموزش جامع و پروژه محور جاوااسکریپت و جی کوئری (پایه تا پیشرفته) می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در دوره دوره جاوااسکریپت و جی کوئری

comment دیدگاه کاربران
رشاد قشمی

استاد این دوره فریمورک PHP رو کی شروع میکنین؟

لقمان آوند

اوایل مهرماه سعی می کنیم.

Թ • Ր • Տ  lօгժ

سلام آموزش نود جی اس جاوا اسکریپت سمت سرورو ندارین؟؟؟ کی امکانش فراهم میشه

سلام معلوم نیست,فعلا برنامه ای برای این مورد نداریم

Ahad Ghaderi

سلام.لطفا لینک دانلود تمرینات همه قسمت ها رو در یک فایل برای دانلود قرار بدید

لقمان آوند

سلام
فعلا مقدور نیست. در همه جلسات این لینک جداگانه وجود داره

حامد اعتضادی

سلام من کد زیر رو نمی فهمم تو قسمت دوم جایگزینی، محبت می کنین توضیح بدین، این کد برای اینه که نشون بده یه حرف چند بار تو یه استرینگ تکرار شده

کیوان علی محمدی

سلام دوست عزیز. یک آبجکت برای نگهداری تعداد دفعه تکرار هر کاراکتر ایجاد شده و در قسمت replace بر روی هر کاراکتری که فضای خالی نباشه یک تابع به صورت callback اجرا شده و در این تابع چک میشه که کاراکتر فعلی قبلا در اون ابجکت ست شده یا نه و اگه در اون آبجکت موجود باشه یکی به تعدادش افزوده میشه و در غیر این صورت تعداد برابر یک قرار میگیره.

حامد اعتضادی

دوتا پیشنهاد دارم:
1) درسته که دوره مجازی خوبه، ولی واقعا مثل دوره حضوری نیست و رفع اشکال از دور سخته، ای کاش با یه هزینه کم دوره رفع اشکال بزارید یا به عنوان اشانتیون ارائه بدید شده حتی چند روز
2) برای کسایی که تو دوره شرکت می کنن مدرک صادر کنید، البته به نظرم امتحان بگیرید
در زمینه مدرک می دونم موسسه نیستین اما من یا امثال من که آشنا دارند می تونن کمک کنن
ممنون بابت پاسخگویی خوبتون و تیم خوبتون

کیوان علی محمدی

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

حامد اعتضادی

خوشحال میشم تو جلسه رفع اشکالتون شرکت کنم
کی اطلاع رسانی میشه؟

کیوان علی محمدی

شما دوره های حضوری یا غیر حضوری مگه شرکت کردین؟

حامد اعتضادی

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

کیوان علی محمدی

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

حامد اعتضادی

جایی رو که متوجه نمیشم اینجاست :

یعنی مثلا کاراکتر اول رو بگیر اگر اون کاراکتر مساوی(یا عدم مساوی) درست یا غلط نیست(چون isNaN) فالس و ترو میده حالا برو کانت کن
مگه ترو یا فالس می تونه برابر یه کاراکتر قرار بگیره
احتمال قوی من اشتباه کد رو ترجمه می کنم

کیوان علی محمدی

نه این معنی کاراکتر اول رو نمیده. اون مقدار برابر کاراکتری هستش که از طریق regex تطبیق پیدا کرده و وارد تابع شده (کاراکتری که space نباشه) . بعدش چک شده این کارکتر اگه قبلا در آبجکت uchars ست نشده برابر یک قرارش بده ( آبجکت ها به صورت key => value هستن) و در غیر این صورت یکی به مقدارش در آبجکت اضافه کن. (اگه ست نشده باشه یعنی قبلا یکبار این کارکتر در آبجکت ثبت شده و الان باید تعدادش یک واحد اضافه بشه)

حامد اعتضادی

ممنون از توضیحتون

حامد اعتضادی

سوال بعدی که دارم:

تو کد بالا

و

رو نمی فهمم
محبت می کنین توضیح بدین
ترجمه ساده کنین
ممنون

کیوان علی محمدی

این کد کامل نیست.

angular js بهتره یا react؟
چرا؟

سلام بسته به پروژه فرق داره. انگولار برای برنامه هایی بزرگ تر و مواردی که لاجیک بیشتری در سمت کاربر دارن بهتره ولی react برای برنامه هایی که component base هستند بهتره.

حامد اعتضادی

سلام
من قسمت دوم تو دستور replace رو متوجه نمیشم
محبت می کنین توضیح بدین

$1 یعنی چی؟

لقمان آوند

این رو که توی جلسات عبارت های منظم تدریس کردیم. $1 به مقدار درون اولین پردانتز عبارت منظم اشاره میکنه

محمدرضا

سلام خسته نباشید استاد اوند ایا با جاوا اسکریپت که تحت کلاینت هست میشه با mysql ارتباط برقرار کرد !؟‌
واسه یه وب سایت لوکال میخواهم 😀 !

سلام. خیر نمیشه اینکارو انجام داد.

امیرمحمد رضایی

سلام اقای اوند لطفا ایمیلتون رو چک کنید

نیاز به لاگین

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