ترفندهای پیشرفته jQuery (قسمت چهارم)

- visibility ٢ mode_comment

در این قسمت با ادامه ترفندهای پیشرفته jQuery در خدمت شما هستیم. jquery trickshot

موضوع اول : دستکاری در DOM

ترفند 7 : استفاده از آرگومان دوم تابع $()

تابع jQuery() یا $() دو آرگومان رو میگیره. شما میدونین که آرگومان دومش برای چه کارایی استفاده میشه؟ فرض کنید که کدهای HTML زیر رو داریم:

اگر بخواهیم فقط li هایی که در المنت firstList هستند رو انتخاب کنیم ، میشه از متد find استفاده کرد:

حالا همینکارو میتونیم با استفاده از آرگومان دوم تابع $ انجام بدیم:

اگر کد بالا رو اجرا کنید ، در console چنین چیزی رو مشاهده میکنید:

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

همونطور که دیدین یک متغیر بنام div تعریف کردیم و در آرگومان اول اون یک تگ div رو قرار دادیم و در آرگومان دوم هم ویژگی های مورد نظرمون رو برای این div قرار دادیم. حالا میایم و اونو به body اضافه میکنیم. بصورت زیر:

دیدین که به سادگی تونستیم یک تگ با استفاده از این متد بسازیم و به body اضافه کردیم.

ترفند 8 : اضافه کردن یک آیکون به لینکهای خارجی

برای کاربردی کردن بیشتر سایتتون میتونین به لینکهای خارجی موجود در صفحاتتون یک آیکون مرتبط اضافه کنید که کاربران متوجه این قضیه بشن. این کار رو میتونین به سادگی بوسیله jQuery انجام بدین.

کدهای HTML:

همونطور که میبینید لینک سوم یک لینک خارجی هست.

کدهای JS:

همونطور که میبینید ابتدا لینکارو انتخاب کرده و برای هر کدوم از اونا یک سری کد اجرا میشه و اونایی که خارجی باشن رو یک img بهشون اضافه میکنه و ویژگی target رو هم برابر با blank قرار میده تا با کلیک بر روی اون در یک tab جدید باز بشه.

امیدوارم از این مطلب خوشتون اومده باشه.

موفق و پیروز باشید

یا علی

Source

comment دیدگاه کاربران
حمید رضا مصطفی زاده

سلام و دست مریزاد مهندس بابت این نکات jquey
منتظر pdf مطالب هستیم.
آقای اسفندیاری بیشتر مطالبت شما UI بود
شما که دارید زحمت میکشید به نظرتون وقتش نیست که برید سمت server؟
واقعا جای مطالب mvc تو سایت شما خالی هست….
تشکر

سلام خواهش میکنم
PDF هم به زودی قرار داده میشه
در مورد MVC هم شاید مطالبی قرار داده بشه.
فعلا یکم سرم شلوغه و بنظرم اگه اول UI قوی باشید بعد برید سمت سرور خیلی بهتره
موفق باشید

نیاز به لاگین

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