نحوه نوشتن jQuery
با jQuery یک عنصر یا تعدادی عنصر را انتخاب می کنید و عملی را روی آنها انجام می دهید.
نحوه نوشتن jQuery
jQuery بگونه ای بهینه شده که بتوانید با آسان ترین راه ممکن، عناصر HTML را انتخاب و عملی را روی آنها انجام دهید.
اصلی ترین دستور در jQuery:
- علامت $: مانند متد ()document.getElementById در JavaScript عمل می کند (با این تفاوت که getElementById فقط به عناصر با id مشخص دسترسی داشت ولی $ می تواند به تمام عناصر دسترسی داشته باشد) و برای دسترسی به عناصر HTML در jQuery استفاده می شود.
- (selector): نام کلاس، شناسه، نام تگ، نوع، نام خصوصیت و یا مقدار خصوصیت عنصر HTML است.
- ()action: عملی است که روی عنصر HTML انجام می شود.
مثال:
$("p").hide() //تمام پاراگراف ها را پنهان می کند
$(".test").hide() //تمام عناصری که شامل کلاس مشخص شده در این کد هستند را پنهان می کند
$("#test").hide() //عنصری که شامل شناسه مشخص شده در این کد هستند را پنهان می کند
آیا با گزینشگرهای CSS آشنا هستید؟ (CSS selector) |
رویداد ready
همانطور که تا به حال در مثال ها مشاهده کرده اید، تمام متدهای jQuery داخل رویداد ready آورده شده اند:
// jQuery methods go here...
});
این امر باعت می شود تا کدهای jQuery بعد ازبارگذاری کامل صفحه، اجرا شوند. همچنین با این تکنیک، قادر خواهید بود کدهای JavaScript را در قسمت <head> صفحه قرار دهید.
در اینجا مثال هایی آورده شده است که اگر قبل از بارگذاری کامل صفحه اجرا شوند، عمل نخواهند کرد:
- تلاش برای پنهان کردن عنصری که هنوز ایجاد نشده است.
- تلاش برای گرفتن عرض و ارتفاع عکسی که هنوز بارگذاری نشده است.
نکته: تیم jQuery یک متد کوتاه تر برای رویداد ready ایجاد کرده است:
// jQuery methods go here...
});
می توانید هر کدام از روش های بالا را که ترجیح می دهید استفاده کنید. اما توجه داشته باشید که روش اول قابل فهم تر و خواناتر است.
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 31227
دیدگاهها
خیلی ممنون.دستتون درد نکنه...به همین کارتون ادامه بدین.
سلام خدمت سایت بسیار خوبتون.یک سوال داشتم که امیدوارم خیلی زود جوابمو بدین.
من الان سردرگمم نمیدونم جاوا اسکریپت خوبتره در کل یا jquery؟ یعنی هر کاری که با جاوا اسکریپت میشه انجام بدیم میتونیم با jqurey انجام بدیم؟
سلام
قبل از هر چیز باید این نکته را متوجه باشید که کتابخانه jQuery از یک سری توابع و دستورات آماده برای استفاده راحتر از جاواسکریپت پیاده سازی شده است. بنابراین پیشنهاد ما jQuery است.
بعنوان مثال اگر در جاوااسکریپت بخواهید عنصری را به آرامی محو کنید، حجم زیادی کد باید بنویسید، اما در jQuery تنها با استفاده از متد ()fade براحتی قادر به انجام این کار هستید.
سلام
میخواهم در جیکوری یک متغیر سراسری تعریف کنم که در تمامی قسمت های برنامه در دسترس باشد و عرض صفحه را بتواند بخواند و از دستور زیر استفاده کردم
var docWidth=jQuery(document).width();
و این تابع را قبل از توابع جیکوری اصلی نوشتم ولی در برنامه که برای تست alert (docwidth); ولی میبینم که در برنامه در دسترس نیست و تعریف نشده است.
سلام.
متغیر رو خارج از توابع و در اولین خط از script قرار بدید.
به صورت var variable_name = 111
البته مقدار رو میتونید لابلای کدها تغییر بدید.
دقت کنید فقط اولین بار باید از var استفاده کنید، و سایر جاها فقط باید اون رو بخونید یا مقداردهی کنید.
چرا پرانتز دوم اینقدر دیر بسته میشود
(function(){
// jQuery methods go here...
})
خب جی کوئری رو این طوری ساخته اند دیگه.. باید دستورات به صورت زیر نوشته بشه:
$(توابع و دستورات)
میشه بگید این $ را چه بخونیم در php هم هست ؟
با تشکر از وقت که میگذارید
میتونید نماد $ رو بخونید : دالر
مثلا کد زیر رو بخونید: دالر داکیومنت دات رِدی ...
$(document).ready(function(){});
بله در php هم هست.
سلام.
آموزش تون خیلی مفید است...مرسی