/ آموزش JQuery بصورت کامل(نحوه استفاده از JQuery)
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
نمایش نتایج: از 1 به 1 از 1

موضوع: آموزش JQuery بصورت کامل(نحوه استفاده از JQuery)

  1. #1
    Danial آنلاین نیست.
    Danial
    کانديد مديريت
    625نوشته1,060مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    64
    پسندیده است
    692 پست
    بلاگ
    0 پست
    میزان امتیاز
    1070
    www.delgia.ir

    آموزش JQuery بصورت کامل(نحوه استفاده از JQuery)

    درود فراوان بر کاربران ویکی وی بیمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    به خاطر وقفه ای که پیش اومد خیلی عذر می خوام!
    مدارس شروع شده و بنده هم مثل تابستون وقتم آزاد نیست.
    خوب امروز می خوام بهتون یاد بدم که چجوری از jquery استفاده کنید.
    شما با جی کوئری می تونید المنت (شاخص) های html رو انتخاب کنید و کار های زیادی روشون انجام بدید.
    در حقیقت میشه گفت که جی کوئری سفارشی سازی شده برای این که شاخص های html مثل p ، div ، ul و ... رو انتخاب کنید و کار هایی روشون انجام بدید.
    پایه استفاده از jquery برای یک شاخص html عبارت زیر هست :
    کد:
    $(selector).action()
    حالا این عبارت از چه چیزایی تشکیل شده؟؟؟؟؟!!!!!
    یه علامت دلار هست " $ " که برای اینه که jquery رو در مورد اون شاخص html برای ما اجرا کنه
    عبارت (selector) در واقع بخشی هست که شاخص html شما در اون قرار میگیره.(یادتون باشه این شاخص html همیشه بین () قرار میگیره)
    " . " در واقع یه علامت ثابتی هست که همیشه وجود داره.(مثل ضریب ثابت در معادلات هست اگر یادتون باشه)
    عبارت action() در واقع کاری هست که شما می خواید روی شاخص html تون صورت بگیره(این کار ها رو بعدا براتون توضیح میدم که چه چیزایی هستن)
    مثال ها ( فقط خواهشا خودتون درگیر عبارت هایی که مربوط به کار های ذکر شده هستند نکنید. ) :
    کد:
    $(this).hide()
    این عبارت به شما این امکان رو میده که شاخص html انتخاب شده رو پنهان کنید. ( همه می دونیم که hide به معنی پنهان کردن هست )
    کد:
    $("p").hide()
    این عبارت به شما این امکان رو میده که همه شاخص های p رو پنهان کنید.
    کد:
    $(".test").hide()
    این عبارت این امکان رو به شما میده که شاخص div که شامل کلاس test هست رو پنهان کنید.
    کد:
    $("#test").hide()
    این عبارت این امکان رو به شما میده که شاخص div که شامل آیدی test هست رو پنهان کنید.
    نکته:آیا شما با سلکتر های سی اس اس آشنایی دارید؟
    jquery در واقع از سی اس اس برای انتخاب کردن شاخص ها استفاده می کنه.در بخش بعدی در مورد نحوه استفاده از این سلکتر ها توضیح بیشتری خواهم داد.
    حالا کد های jquery ما کجا قرار میگیرند؟؟؟
    اگر دقت کرده باشید کد های jquery همیشه بین یک عبارت خاص قرار میگیرند که به اون اصطلاحا میگیم document ready event
    عبارتش بصورت زیر هست و نیازی به حفظ کردن نیست چون انقدر این عبارت براتون تکرار میشه که از بر میشید.
    کد:
    $(document).ready(function(){
    
    
       JQuery Codes Here
    
    
    });
    این بخش یعنی:
    کد:
    $(document).ready(function(){
    });
    در واقع جلوگیری می کنه از این که کد های jquery قبل از لود کامل صفحه اجرا نشند.
    این خیلی تمرین خوبیه که صبر کنید تا صفحه کاملا لود بشه قبل از این که شروع به کار با اون بکنید.
    همچنین به شما اجازه میده که کد های جاوا اسکریپت خودتون رو قبل از body یا بدنه اصلی داشته باشید.(در قسمت header سایتتون)
    من در زیر چند مثال آوردم که دقیقا بدونید چرا ما میگیم بعد از لود صفحه:
    وقتی صفحه داره لود میشه و هنوز یک شاخص لود نشده آخه چجوری اون رو پنهان کنیم؟؟؟؟ همچین چیزی امکان نداره چون اول باید لود شه وگرنه فایده ای نداره که.
    وقتی می خواید ابعاد یک عکس رو دریافت کنید حتما باید اون شاخص لود شده باشه.اگه اینجوری نباشه که نمیشه اصلا ابعاد اون رو دریافت کرد.
    توجه:دوستانی که زبان jquery رو آوردند یه راه ساده تر به جای استفاده از اون عبارت طولانی بالا که گفتم براتون قرار دادند و اون عبارت زیر هستش:
    کد:
    $(function(){
    
    
       JQuery Codes Here
    
    
    });
    این دو کد هیچ فرقی با هم ندارند ولی شما با هر کدوم که راحت ترید کار کنید.ولی به نظر من و سایر دوستان وقتی از document ready event استفاده می کنیم خیلی راحت تر میشه کدارو خوند
    تا موقعی که از کد دوم استفاده می کنیم.
    خوب این فصل هم به پایان رسید.
    امیدوارم از این آموزش لذت برده باشید.
    از این که وقت گران بهاتون رو در اختیار بنده قرار دادید کمال تشکر رو دارممرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    منبع : ویکی وی بی
    موفق و سربلند باشید.مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    5 نفر از اعضا پست Danial را پسندیده اند



  2. نوين وردپرس تبلیغات شما

اطلاعات موضوع

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

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. آموزش قرار دادن آیکون اشتراک VIP در گوشه انجمن با Jquery
    توسط WikiVB در انجمن آموزش های ویبولتین ورژن 4
    پاسخ: 29
    آخرين نوشته: 01-30-2016, 04:28 PM
  2. آموزش JQuery بصورت کامل(راه اندازی JQuery)
    توسط Danial در انجمن دیگر آموزش ها
    پاسخ: 3
    آخرين نوشته: 01-04-2015, 10:58 PM
  3. آموزش JQuery بصورت کامل(مقدمه)
    توسط Danial در انجمن دیگر آموزش ها
    پاسخ: 4
    آخرين نوشته: 07-13-2014, 10:24 PM
  4. پاسخ: 0
    آخرين نوشته: 04-04-2014, 01:46 PM
  5. آموزش سریع و آسان jquery
    توسط ravand در انجمن دیگر آموزش ها
    پاسخ: 0
    آخرين نوشته: 12-12-2013, 09:25 PM

کلمات کلیدی این موضوع

مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مجوز های ارسال و ویرایش

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