اسفند ۱۲, ۱۳۹۷ Mostafa بدون دیدگاه

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

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

رویداد ( ) ready در jQuery

در این بخش از آموزش JQuery ، رویداد ready را  در طراحی سایت شرح میدهیم.

رویداد ( ) ready در یک صفحه وب زمانی اتفاق می افتد که شی DOM به طور کامل لود شده و همچنین صفحه نیز به طور کامل لود شده باشد ( حتی تصاویر آن ) .
به دلیل اینکه رویداد ( ) ready پس از لود شدن کامل صفحه اتفاق می افتد ، مکان مناسبی برای قرار دادن کدها و توابع jQuery است .
شما می توانید رویدادها و توابعی که می خواهید به محض تمام شدن عملیات load صفحه ، اجرا شوند را در این تابع قرار دهید .
شکل کلی استفاده از این متد به شرح زیر است :

    $ ( document ).ready ( function ) ;

یا می توان بدون به کار بردن نام سند بر روی صفحه جاری نیز ، تابع را اجرا نمود .

    $ ( function ) ;

document :این پارامتر تعیین کننده صفحه یا سندی است که می خواهیم تابع در آن اجرا شود . مقدار documnet به صفحه جاری اشاره دارد .
function :نام تابعی است که می خواهیم به محض لود شدن صفحه ، اجرا شود .

مثال زیر کاربرد رویداد ( ) ready را نشان میدهد:

<script type="text/javascript">
    $(document).ready(function(){
    $("button").click(function(){
    $("div").animate({left:"100px"},"slow");
    $("div").animate({fontSize:"3em"},"slow");
    });
    });
    </script>

این رویداد زمانی اجرا می شود که صفحه وب ما بطور کامل بارگذاری شود.
رویداد ( ) click در jQuery

در این بخش از آموزش JQuery ، رویداد click را در طراحی سایت  شرح میدهیم.

رویداد click زمانی اتفاق می افتد که کاربر بر روی عنصر مورد نظر کلیک نماید . با این رویداد برای مثال می توان کدی طراحی کرد که در هنگام کلیک کاربر بر روی یک عنصر رنگ پس زمینه آن عوض شده و یا عنصر مخفی شود .
شکل کلی استفاده از این متد به شرح زیر است :

    $ ( " selector " ).click ( function ( ) { ... some code ... } ;

selector : selector کنترلی است که کاربر بر روی آن کلیک می کند .
function : این تابع کد دستوری است که می خواهیم در هنگام رخ دادن رویداد ، انجام شود .

مثال زیر کاربرد رویداد click را نشان میدهد:

وقتی که کاربر روی یک عنصر html ای کلیک می کند اجرا می شود

مثلا هر وقت روی محتوای هر تگ p کلیک شد آن محتوا مخفی شود :

   $("p").click(function(){
    $(this).hide();
    });

رویداد ( ) dblclick در jQuery

در این بخش از آموزش JQuery ، رویداد dblclick را در طراحی سایت  شرح میدهیم.

رویداد dblclick زمانی اتفاق می افتد که کاربر بر روی عنصر مورد نظر دابل کلیک نماید . با رویداد dblclick برای مثال می توان کدی طراحی کرد که در هنگام دابل کلیک کاربر بر روی یک عنصر رنگ پس زمینه آن عوض شده و یا عنصر مخفی شود .
شکل کلی استفاده از این متد به شرح زیر است :

    $ ( " selector " ).dblclick ( function ( ) { ... some code ... } ;

selector : selector کنترلی است که کاربر بر روی آن دابل کلیک می کند .

function : این تابع کد دستوری است که می خواهیم در هنگام رخ دادن رویداد ، انجام شود .

مثال زیر کاربرد رویداد dblclick را نشان میدهد:

وقتی که کاربر روی یک عنصر html ای ، دابل کلیک می کند اجرا می شود.

    $("p").dblclick(function(){
    $(this).hide();
    });

رویداد mouseenter در jQuery

در این بخش از آموزش JQuery ، رویداد mouseenter را  در طراحی سایت شرح میدهیم.

رویداد mouseenter زمانی اتفاق می افتد که اشاره گر ماوس وارد محتوای تگ html می شود.
شکل کلی استفاده از این متد به شرح زیر است :

$(selector).mouseenter(function)

مثال زیر کاربرد رویداد mouseenter را نشان میدهد.

 $("#p1").mouseenter(function(){
    alert("You entered p1!");
    });

وقتی که اشاره گر ماوس وارد محتوای تگ html می شود.


برچسب ها