توابع در جی کوئری چگونه تعریف میشوند

توابع در جی کوئری

در جی کوئری میتوانید تگهای HTML را انتخاب و به آنها افکت دهید.

• تابع پایه در جی کوئری بصورت $(selector).action() میباشد.
• یک $ علامت دلار دسترسی جی کوئری را تعریف می کند.
• یک (Selector) برای اعمال کوئری به یک المان Html بکار میرود.

یک اکشن جی کوئری بصورت action() رخداد و یا افکتی را به تگ اعمال می کند.

مثالها:

• $(this).hide() - تگ حاضر را مخفی می کند.
• $("p").hide() - همه تگ های P را مخفی می کند.
• $(".test").hide() – همه تگ های دارای کلاس test را مخفی میکند.
• $("#test").hide() – تگی را که داری Id=”test” است را مخفی می کند.

نکته :Selector ها در سراسر وب از Css تا جاوااسکریپت از یک قاعده پیروی می کنند و یادگیری یکی از آنها برای تمام پلتفرم های تحت وب کفایت می کند.

رخداد Document Ready

شما ممکن است متوجه شده باشید که در تمام مثال های ما متد های جی کوئری در داخل رویداد document ready قرار داشته اند.

این رویداد امکان اجرای کدهای جی کوئری را بلافاصله بعد از پایان بارگذاری صفحه ممکن می کند.

اگر که سعی کنید کدهای خود را قبل از بارگزاری کامل صفحه به نمایش بگذارید، میوانید با مشکلات زیر مواجه شوید.

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

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

نکته : در جی کوئری شما میتوانید با خط دستوری زیر به جی کوئری اعلام کنید که پس از بارگذاری کامل صفحه اجرا شود . این کد از کد بالا کوتاه تر است:

از دستوراتی استفاده کنید که کاربری آن برایتان ساده تر باشد . دستور Document Ready بسیار مفهوم تر از عبارت function میباشد.

در صورت تمایل جهت مشاوره رايگان ، گرفتن قیمت طراحی سایت ، اطلاعات بيشتر و سفارش با ما تماس بگيريد.