آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

آموزش کار با اندازه ی المان ها در جی کوئری

دوره های مرتبط با این مقاله

کار با ابعاد (اندازه ی المان ها) در جی کوئری

jQuery به شما این اجازه را می دهد تا ابعاد المان های صفحه ی HTML و حتی پنجره ی مرورگر را برگردانده و تنظیم کنید. می توان برای بدست آوردن ابعاد المان ها از توابع width()، height() یا مشتقات آن ها innerWidth()/innerHeight()/outerWidth()/outerHeight() استفاده کنید. ابتدا استفاده از این متدها را در یک مثال ساده بکار می بریم، سپس به تشریح آن می پردازیم:


نمونه یک

    
امتحان کنید

همان طور که مشاهده می کنید، در این مثال یک المان div با padding، margin و border اضافی در دست داریم. زمانی که کاربر روی لینک مورد نظر کلیک می کند، با استفاده از متدهای width()/height()،innerWidth()/innerHeight() وouterWidth()/outerHeight() ابعاد المان مورد نظر نمایش می دهیم.
Width() و height() صرفا اندازه ی محاسبه شده المان مورد نظر می باشد. اگر دو متد innerWidth() و innerHeight() را نیز فراخوانی کنید، padding نیز در نتیجه ی بازگشتی لحاظ می شود. اگر توابع outerWidth() و outerHeight() را صدا بزنید، border و padding هر دو در نتیجه لحاظ می شوند. دو متد نام برده یک پارامتر از نوع بولی نیز دریافت می کنند که برای جی کوئری مشخص کند آیا margin را هم لحاظ کند یا خیر.
دو متد width() و height() برای بازیابی ابعاد (طول و عرض) جاری پنجره ی مرورگر بکار می روند:


نمونه دو

    
امتحان کنید

طول و عرض صفحه ی HTML و viewport مرورگر (ناحیه ی قابل مشاهده برای کاربر) را با فراخوانی توابع width و height بررسی می کنیم. زیرا ممکن است این ابعاد متفاوت باشند.
از دو تابع یاد شده، همچنین می توان برای تنظیم طول و عرض یک المان کمک گرفت. کافی است مقدار مورد نظر را به عنوان پارامتر به آن ارسال کنید.


مثال:

نمونه سه

        
امتحان کنید

امیدواریم که این مطلب در مورد آموزش Jquery و JavaScript برایتان مفید و مناسب بوده باشد.
در صورت داشتن هر گونه سوال، پیشنهاد و یا انتقاد حتماً از قسمت نظرات در پایین صفحه آن را برای ما ارسال کنید.

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

از اینجا بهترین کتابهای برنامه نویسی را دریافت کنید : کتاب های آموزش برنامه نویسی


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

  • 1072
  •    1220
  • تاریخ ارسال :   1395/01/19

دانلود PDF دانلود سورس کد دانشجویان گرامی اگر این مطلب برای شما مفید بود لطفا ما را در GooglePlus محبوب کنید
رمز عبور: tahlildadeh.com یا www.tahlildadeh.com
ارسال دیدگاه نظرات کاربران
شماره موبایل دیدگاه
عنوان پست الکترونیک

ارسال

آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

تمامی حقوق این سایت متعلق به آموزشگاه تحلیل داده می باشد .