با این حال، بیشتر از jQuery–تغییر اندازه تصویر به عنوان مثال

من یک قسمت وب را از فروشنده در مشتری به ارث برده و آن را تا تصویر اندازه مشکل است. این تصاویر باید 60×50 اما برای برخی از دلایل عجیب و غریب, فروشنده اصلی آنها را به 42 مجبور×42, به طوری که آنها نگاه له:

تصویر خوب	تصویر بد

نشانه گذاری (ساده):

<جدول کلاس = 'افزایش یافته، چشم انداز>
<thead>
    <TR>
      <هفتم عرض = '100′>3 سهشنبه</هفتم>
    </TR>
</thead>

<tbody را>
    <TR = 'پیش بینی'>
      <عرض فلش = '100′>
        <خیابان>
          <لی کلاس = 'بالا'>زیاد: 72&شما;F</لی>
          <لی کلاس = کم>پایین: 44&شما;F</لی>
          <شرایط لی کلاس =>افتابی
            <IMG SRC =’HTTP://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ عرض = '42’ ارتفاع = '42’ ALT =” />
          </لی>
        </خیابان>
      </فلش>
    </TR>

</tbody را>

</جدول>

شما توجه داشته باشید که حتی اگر مسیر را به تصویر خود را نشان می دهد ابعاد مناسب (60×50) فروشنده اصلی آن در 42 مجبور×42. چرا? دیوانه.

به هر حال, من می خواستم یک راه حل سریع و آسان به این موضوع و من به جی کوئری تبدیل شده است. ترفند برای قرار دادن مناسب <IMG> برچسب ها من به سرگین مورد می خواهم با هر تگ IMG (که بسیاری وجود دارد). این بیت از جی کوئری، ترفند:

<نوع اسکریپت = "متن / جاوا اسکریپت" SRC ="HTTP://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></خط>

<نوع اسکریپت = "متن / جاوا اسکریپت">
     $(سند).آماده(تابع () {

         $(‘li.condition > 'IMG).هر(تابع (شاخص, آیتم)
            {
             $(آیتم).CSS("عرض", "60");
             $(آیتم).CSS("ارتفاع", "50");
            });
     }); // در بار سند
</خط>

این بیت از کد، مجموعه ای را پیدا می کند <لی> برچسب ها که کلاس "شرط" و <IMG> کودکان می باشد. سپس از طریق تمام iterates. کار از جمله جذابیت.

من احتمالا می تواند آن را ساده, اما من نوع پسر یونیکس است که به حل π هرگز به 18 دقت رقم با استفاده از SED و AWK و من این نوع نیست اگر مرد جی کوئری یا لبخند .