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

آخرین مطالب

امکانات وب

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

0 10 ۱۰ اسفند ۹۴

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

موضوع 5 : امکانات دیگر

مورد 9 : Parse HTML

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

$.parseHTML(htmlString);

در jQuery که به راحتی میتونین این کار رو انجام بدین. میبینید که از متد parseHTML استفاده کردیم. این متد یک ورودی دریافت میکنه. این متد، رشته HTML مورد نظر رو تجزیه و تحلیل میکنه و اون رو بصورت یک شئ در میاره و تحویل میده.

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

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

var parseHTML = function(str) {

var el = document.createElement('div');

el.innerHTML = str;

retu el.children;

};

parseHTML(htmlString);

میبینید که در Javascript نیز به راحتی میتونین این کار رو انجام بدین. با استفاده از کد بالا میتونین به هدف مورد نظر دسترسی پیدا کنید. در ابتدا یک تابع بنام parseHTML ساختیم و یک ورودی بنام str برای اون انتخاب کردیم. در نهایت هم هر جا که بخایم میتونیم از این تابع استفاده کنیم.

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

var parseHTML = function(str) {

var tmp = document.implementation.createHTMLDocument();

tmp.body.innerHTML = str;

retu tmp.body.children;

};

parseHTML(htmlString);

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

مورد 10 : استفاده از Parse JSON

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

$.parseJSON(string);

میبینید که از متد parseJSON استفاده شده و رشته JSON مورد نظر رو بعنوان ورودی به اون میدیم و این متد موارد مورد نظر رو بر روی اون انجام میده و خروجی رو در اختیار شما قرار میده.

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

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

JSON.parse(string);

میبینید که در Javascript نیز میتونین براحتی چنین کاری رو انجام بدین. در اینجا از متد parse که یک متد از قبل تعریف شده هست، استفاده کردیم.

مورد 11 : استفاده از Trim

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

$.trim(string);

میبینید که از متد trim استفاده شده و رشته مورد نظر رو بعنوان ورودی به اون میدیم و این متد موارد مورد نظر رو بر روی اون انجام میده و خروجی رو در اختیار شما قرار میده. این متد فواصل خالی رو از ابتدا و انتهای رشته مورد نظر حذف میکنه.

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

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

string.replace(/^s+|s+$/g, '');

میبینید که در Javascript نیز میتونین براحتی چنین کاری رو انجام بدین. از متد replace استفاده شده و با استفاده از عبارات منظم فواصل خالی رو با عبارت تهی جایگزین کرده است.

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

string.trim();

میبینید که در در اینجا از متد از قبل تعریف شده trim استفاده شده است.

مورد 12 : فهمیدن Type

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

$.type(obj);

میبینید که از متد type استفاده شده و شئ obj مورد نظر رو بعنوان ورودی به اون میدیم و این متد موارد مورد نظر رو بر روی اون انجام میده و خروجی رو در اختیار شما قرار میده.

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

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

Object.prototype.toString.call(obj).replace(/^[object (.+)]$/, '$1').toLowerCase();

میبینید که در Javascript نیز میتونین چنین کاری رو انجام بدین. در اینجا با استفاده از replace و عبارات منظم تونستیم این کارو انجام بدیم.

در اینجا این دوره به پایان میرسه و امیدوارم مطالبی که در این قسمتها بیان شد، تونسته باشه به شما کمک کنه.

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

یا علی

Source

- - , .

سون لرن • آموزش...

ما را در سایت سون لرن • آموزش دنبال می کنید

برچسب : نویسنده : استخدام کار 7learn بازدید : 318 تاريخ : دوشنبه 10 اسفند 1394 ساعت: 19:47

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

آخرین مطالب

امکانات وب