سبد (0)

تبلیغات

نحوه نوشتن jQuery

با jQuery یک عنصر یا تعدادی عنصر را انتخاب می کنید و عملی را روی آنها انجام می دهید.


نحوه نوشتن jQuery

jQuery بگونه ای بهینه شده که بتوانید با آسان ترین راه ممکن، عناصر HTML را انتخاب و عملی را روی آنها انجام دهید.

اصلی ترین دستور در jQuery:

$(selector).action()
  • علامت $: مانند متد ()document.getElementById در JavaScript عمل می کند (با این تفاوت که getElementById فقط به عناصر با id مشخص دسترسی داشت ولی $ می تواند به تمام عناصر دسترسی داشته باشد)  و برای دسترسی به عناصر HTML در jQuery استفاده می شود.
  • (selector): نام کلاس، شناسه، نام تگ، نوع، نام خصوصیت و یا مقدار خصوصیت عنصر HTML است.
  • ()action: عملی است که روی عنصر HTML انجام می شود.

مثال:

$(this).hide() //عنصر جاری را پنهان می کند
$("p").hide() //تمام پاراگراف ها را پنهان می کند
$(".test").hide() //تمام عناصری که شامل کلاس مشخص شده در این کد هستند را پنهان می کند
$("#test").hide() //عنصری که شامل شناسه مشخص شده در این کد هستند را پنهان می کند

 

lamp

آیا با گزینشگرهای CSS آشنا هستید؟ (CSS selector)
در jQuery برای دسترسی به عناصر HTML و دستکاری آنها از گزینشگرهای CSS استفاده می شود. در مطلب بعدی به این موضوع خواهیم پرداخت.


رویداد ready

همانطور که تا به حال در مثال ها مشاهده کرده اید، تمام متدهای jQuery داخل رویداد ready آورده شده اند:

$(document).ready(function(){

   // jQuery methods go here...

});

این امر باعت می شود تا کدهای jQuery بعد ازبارگذاری کامل صفحه، اجرا شوند. همچنین با این تکنیک، قادر خواهید بود کدهای JavaScript را در قسمت <head> صفحه قرار دهید.

در اینجا مثال هایی آورده شده است که اگر قبل از بارگذاری کامل صفحه اجرا شوند، عمل نخواهند کرد:

  • تلاش برای پنهان کردن عنصری که هنوز ایجاد نشده است.
  • تلاش برای گرفتن عرض و ارتفاع عکسی که هنوز بارگذاری نشده است.

نکته: تیم jQuery یک متد کوتاه تر برای رویداد ready ایجاد کرده است:

$(function(){

   // jQuery methods go here...

});

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

دیدگاه‌ها  

+2 # kitana 1395-11-20 13:26
خیلی ممنون.دستتون درد نکنه...به همین کارتون ادامه بدین.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+3 # kitana 1395-11-19 21:02
سلام خدمت سایت بسیار خوبتون.یک سوال داشتم که امیدوارم خیلی زود جوابمو بدین.
من الان سردرگمم نمیدونم جاوا اسکریپت خوبتره در کل یا jquery؟ یعنی هر کاری که با جاوا اسکریپت میشه انجام بدیم میتونیم با jqurey انجام بدیم؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+3 # امیر پهلوان صادق 1395-11-20 08:16
سلام
قبل از هر چیز باید این نکته را متوجه باشید که کتابخانه jQuery از یک سری توابع و دستورات آماده برای استفاده راحتر از جاواسکریپت پیاده سازی شده است. بنابراین پیشنهاد ما jQuery است.
بعنوان مثال اگر در جاوااسکریپت بخواهید عنصری را به آرامی محو کنید، حجم زیادی کد باید بنویسید، اما در jQuery تنها با استفاده از متد ()fade براحتی قادر به انجام این کار هستید.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+3 # امیرکیان 1395-02-19 22:37
سلام
میخواهم در جیکوری یک متغیر سراسری تعریف کنم که در تمامی قسمت های برنامه در دسترس باشد و عرض صفحه را بتواند بخواند و از دستور زیر استفاده کردم
var docWidth=jQuery(document).width();
و این تابع را قبل از توابع جیکوری اصلی نوشتم ولی در برنامه که برای تست alert (docwidth); ولی میبینم که در برنامه در دسترس نیست و تعریف نشده است.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+4 # مهرداد صلاحی 1395-02-21 17:13
سلام.
متغیر رو خارج از توابع و در اولین خط از script قرار بدید.
به صورت var variable_name = 111

البته مقدار رو میتونید لابلای کدها تغییر بدید.
دقت کنید فقط اولین بار باید از var استفاده کنید، و سایر جاها فقط باید اون رو بخونید یا مقداردهی کنید.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # amirkain 1394-04-28 14:09
چرا پرانتز دوم اینقدر دیر بسته میشود
(function(){

// jQuery methods go here...

})
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+3 # احسان عباسی 1394-04-28 17:10
خب جی کوئری رو این طوری ساخته اند دیگه.. باید دستورات به صورت زیر نوشته بشه:
$(توابع و دستورات)
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # amirkain 1394-04-15 22:58
میشه بگید این $ را چه بخونیم در php هم هست ؟
با تشکر از وقت که میگذارید
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+6 # احسان عباسی 1394-04-15 23:04
میتونید نماد $ رو بخونید : دالر
مثلا کد زیر رو بخونید: دالر داکیومنت دات رِدی ...
$(document).ready(function(){});
بله در php هم هست.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+9 # b 1393-01-19 10:31
سلام.
آموزش تون خیلی مفید است...مرسی
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان
 
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تبلیغات اینترنتی