تبليغاتX
NO TITLE

NO TITLE

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

متاسفم

متاسفانه امکان ادامه فعالیت در این بلاگ سرور  وجود ندارد
چرا که لینک به سایتهای معتبر در ان بسته شده است
دیدار به بلاگ اسپات
+ نوشته شده در  پنجشنبه سی و یکم مرداد 1387ساعت 12:31  توسط   | 

آزمایشگاه دوستداران جاواسکریپت و جی کوئری

مطلبی که براتون میخواهم بگذارم برای دوستداران جاواسکریپت و جی کوئری است
HTML clipboard

زماني مي‌رسد كه نياز پيدا مي‌كنيم تا كد‌هاي جديدي را در صفحه خود نمايش دهيم، طبيعي است كه اين كدها را زماني مي‌خواهيم ايجاد كنيم كه صفحه براي كاربر بارگذاري شده است، اين خواسته به هيچ طريقي امكان پذير نخواهد بود جز استفاده از جاوا اسكريپت و فريم ورك‌هايي كه براي آن ارائه شده است.

با استفاده از جی کوئری برآورده نمودن اين خواسته بسيار راحت است و همان‌طور كه در بخش‌هاي قبل نيز اشاره شد تابع پوششي و اصلي جی کوئری اين قابليت را دارد كه عناصري را در صفحه ايجاد كند.

(

div$

اين خط دستور عنصر ،
را در صفحه ايجاد كرده و پس از قرار دادن كلمه Hello در آن به نمايش آن در صفحه مي‌پردازد، ما مي‌توانيم به هر نحوي كه بخواهيم از اين دستور استفاده كنيم و كدهايي كه نياز است در صفحه خود ايجاد كنيم را از اين طريق نمايش دهيم.

وقتي كه كد‌هاي مورد نظر را توليد كرديم، زمان آن مي‌رسد تا با ابزار‌هاي قدرتمند جی کوئری روي آنها كار كنيم. در اينجا است كه مي‌توانيم با دستورات
جی کوئری عناصر را دوباره پالايش كنيم، توسعه دهيم و يا به صورت جزيي از عناصر ديگر استفاده و نمايش دهيم.براي اينكه به صورت نمايشي و بهتر اين مطالب را درك كنيد، ‌آزمایشگاهی هم برای اینکار وجود دارد  كه مي‌توانيد آن را از آدرس:

jquery.ir/lab

دريافت نماييد. نماي اين ‌آزمایشگاه ماننده نمونه قبلي است كه در بخش انتخابگر‌هاي جی کوئری معرفي كرديم.
در اين ‌آزمایشگاه مي‌توانيد عناصري را كه با استفاده از تابع پوششي جی کوئری مي‌خواهيد ايجاد كنيد را وارد كرده و نتيجه را مشاهده نماييد.

به عنوان مثال مي‌خواهيم تعداد عناصر ، در صفحه را بعد از يك عنصر ،
كه با انتخابگر SomeDiv مشخص شده است نمايش دهيم. كد زير را در ‌آزمایشگاه پوششي جی کوئری وارد كنيد و نتيجه را مشاهده نماييد!

('someDiv').html('There are'+$('a').$
size()+' link(s) on this page.');
بعد از اجراي اين دستور در ‌آزمایشگاه مي‌بينيد كه تعداد عناصر ، >a موجود در صفحه براي شما نمايش داده مي‌شود.

در اين دستور ما از تابع (size) استفاده كرديم كه همين جا آن را براي شما معرفي مي‌كنيم. اين تابع مقاديري كه از آن درخواست مي‌كنيد را شمارش و نمايش مي‌دهد، هيچ پارامتر ورودي اي ندارد و مقدار خروجي آن عددي است كه تعداد عناصر درخواستي جهت شمارش را نمايش مي‌دهد.

روش استفاده آن مانند مثال بالا است، به اين معني كه وقتي به دنبال تابع پوششي جی کوئری استفاده شود، مقادير عنصر مورد نظر را شمارش و نمايش مي‌دهد. ( به اين ترتيب$('a'). ()size ):
بسيار خوب، اكنون شما مي‌دانيد چه تعداد از يك نوع عنصر را در صفحه داريد.


+ نوشته شده در  چهارشنبه شانزدهم مرداد 1387ساعت 13:29  توسط   |