• آموزش جی کوئری: رویداد Click
    #1
    Note 
    با استفاده از رویداد click میتوان مشخص کرد که هنگام کلید روی المنت چه اتفاقی رخ دهد.

    مثال:
    [JS]
    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title>click demo</title>
    <style>
    p {
    color: red;
    margin: 5px;
    cursor: pointer;
    }
    p:hover {
    background: yellow;
    }
    </style>
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
    </head>
    <body>
    <p>First Paragraph</p>
    <p>Second Paragraph</p>
    <p>Yet one more Paragraph</p>
    <script>
    $( "p" ).click(function() {
    $( this ).slideUp();
    });
    </script>
    </body>
    </html>
    [/JS]

    پاسخ
    ایجاد موضوع جدید   پاسخ به موضوع  

    موضوعات مرتبط با این موضوع...
    موضوع نویسنده پاسخ بازدید آخرین ارسال
    Note کتاب آموزش node.js C0der 0 746 11-03-2014 ساعت 14:16
    آخرین ارسال: C0der
    Note آموزش جی کوئری: ایجاد تاخیر در انجام دستورات با Delay WWWorker 0 587 01-01-2014 ساعت 20:02
    آخرین ارسال: WWWorker
    Note آموزش جی کوئری: CSS WWWorker 0 338 31-12-2013 ساعت 21:05
    آخرین ارسال: WWWorker
    Note آموزش جی کوئری: انیمیشن WWWorker 0 332 31-12-2013 ساعت 20:51
    آخرین ارسال: WWWorker
    Note آموزش جی کوئری: اضافه یا حذف Class WWWorker 0 545 31-12-2013 ساعت 20:40
    آخرین ارسال: WWWorker
    Note آموزش جی کوئری: اضافه کردن المنتهایی به المنت موجود WWWorker 0 423 31-12-2013 ساعت 20:34
    آخرین ارسال: WWWorker
    Note تغییر اندازه تصاویر با جی کوئری WWWorker 0 434 02-11-2013 ساعت 19:43
    آخرین ارسال: WWWorker
    Note جاوا اسکریپت:: ویرایش کردن سریع Edit in place WWWorker 0 351 16-09-2013 ساعت 09:17
    آخرین ارسال: WWWorker
    Note آموزش Ajax در 5 دقیقه! SOFTAFZAR 3 924 14-08-2013 ساعت 09:17
    آخرین ارسال: Daniel
    Note آموزش ساخت color picker amirali 0 408 06-02-2013 ساعت 20:40
    آخرین ارسال: amirali

    کاربرانِ درحال بازدید از این موضوع:   1 مهمان