ممکنه شما نیاز به jQuery نداشته باشید (قسمت 7)

- visibility ٠ mode_comment

در این مطلب با ادامه مطالب مربوط با کدهای جایگزین برای jQuery در خدمتتون هستم و امیدوارم که بدردتون بخوره. Javascript-vs-jquery

موضوع 3 : المنتها و کار با DOM

مورد 9 : empty کردن المنتها

اگر بخوایم در jQuery یک el رو empty یا خالی کنیم، بصورت زیر عمل میکنیم:

میبینید که با استفاده از متد empty المنت el رو خالی کردیم و اعضای اون پاک میشن.

حالا همین کار رو اگر بخواید با Javascript خالص انجام بدین بصورت زیر خواهد بود:

برای IE8 به بالا:

در ابتدا یک حلقه while قرار داده شده و گفته تا زمانی که المنت مورد نظر فرزند داره، اونو پاک کن. در نهایت زمانی این حلقه به پایان میرسه که اون المنت خالی شده باشه و فرزندی نداشته باشه.

برای IE9 به بالا:

برای IE9 به بالا میتونین براحتی کد بالا رو قرار بدین. این کد میاد و هر چی که درون el هست رو برمیداره و جاش هیچی رو قرار میده.

مورد 10 : فیلتر کردن خروجی

اگر بخوایم در jQuery یک فیلتر قرار بدیم، بصورت زیر عمل میکنیم:

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

حالا همین کار رو اگر بخواید با Javascript خالص انجام بدین بصورت زیر خواهد بود:

برای IE8 به بالا:

همون ایده بالا منتها با استفاده از کدنویسی Javascript خالص اجرا شده. در بالا یک تابع بنام filter ساخته شده و دو ورودی selector و filterFn هم وارد میشن و کار فیلتر کردن انجام میشه.

برای IE9 به بالا:

برای IE9 به بالا میتونین براحتی کد بالا رو قرار بدین. این کد نمونه پیشرفته تر و بهینه تری نسبت به کد قبل هست و در IE8 پشتیبانی نمیشه.

مورد 11 : پیدا کردن فرزندان

اگر بخوایم در jQuery فرزندان یک المنت رو پیدا و انتخاب کنیم، بصورت زیر عمل میکنیم:

میبینید که با استفاده از متد find در المنت el جستجو کردیم و المنتهایی که با selector مطابقت دارند رو انتخاب کردیم.

حالا همین کار رو اگر بخواید با Javascript خالص انجام بدین بصورت زیر خواهد بود:

برای IE8 به بالا:

کد بالا دقیقا همون کاربرد مورد نظر رو داره و میتونین از اون استفاده کنید.

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

موفق و سربلند باشید.

یا علی

Source

comment دیدگاه کاربران
محمد کاشانی

ضمن تشکر….میشه کل این بیست و دو جلسه در قالب یک فایل PDF منتشر شه ؟؟؟

بله به احتمال زیاد آقای آوند این کارو انجام میدن
موفق باشید

محمد کاشانی

پس آقای آوند ما هم منتظر این فایل هستیم …فقط برای امکان کپی کدها بهتره فایل ورد باشه… ممنون از زحمات شما…فقط لطفآ به عنوان یه پست یا توی همین جلسه آخر بگذارید. در ضمن شنیدم پک وردپرس آماده شده ما منتظر ارسال اون دوره ارزشمند هم هستیم…تشکر

لقمان آوند

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

محمد کاشانی

لطفآ pdf ممکنه شما نیاز به jQuery نداشته باشید رو قبل عید توی دسترسی به فایل ویژه وکاربردی قرار بدید که vip های برنزی بتونن از اون استفاده کنند…ممنون

Trypsin

سلام آقای آوند
الان سال 96 هستش . لطفا این دوره ی ممکنه به jQuery نیاز نداشته باشیم رو بصورت pdf بزارید . هرچند برای کاربران VIP

وحید صالحی

فعلا امکانش نیست برامون انشاالله در آینده حتما

نیاز به لاگین

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