<html>

<head>
    <title>دکتر کد - مرجع آموزش هایی به سبک متفاوت</title>
    <style>
        #dr-according {
            list-style: none;
            margin: 0px;
            padding: 0px;
        }
        
        #dr-according li {
            width: 250px;
            background-color: #e8e8e8;
            padding: 5px;
            text-align: center;
            margin-bottom: 5px;
            color: #7c7c7c;
        }
        
        #dr-according li:hover {
            cursor: pointer;
        }
        
        #dr-according li b {
            font-size: 16px;
        }
        
        #dr-according li p {
            font-size: 14px;
            text-align: justify;
            direction: rtl;
            display: none;
        }
    </style>
</head>

<body>
<ul id='dr-according'>
    <li>
        <b> قسمت اول </b>
        <p> سلام.در این مطلب می خوام آموزش برنامه نویسی با یکی از محبوب ترین کتاب خانه های JavaScript که JQuery نام داره رو براتون شروع کنم و به صورت پروژه محور در قسمت های مختلف، این آموزش رو جلو ببرم تا افرادی که نیاز به یاد گیری این کتاب خانه محبوب
            و قدرتمند دارند از این مطالب شروع به یاد گیری کنند. </p>
    </li>
    <li>
        <b> قسمت دوم </b>
        <p> در قسمت۱ آموزش JQuery با نحوه فراخوانی این کتاب خانه و نوشتن چهارچوب اصلی برای برنامه نویسی آشنا شدید.در این قسمت می خوام نوشتن یک پروژه ساده رو شروع کنیم تا به صورت پروژه محور مطالب رو یاد بگیرید. </p>
    </li>
    <li>
        <b> قسمت سوم </b>
        <p> در این بخش از آموزش JQuery میخوام با رویداد Toggle‌ آشنا بشید ولی قبل از این باید با Hide و Show آشنا بشید.همانطور که از اسمشان پیداست برای پنها و ظاهر کردن عناصر استفاده می شوند.برای مثال می خواهیم با زدن یک دکمه متن مورد نظر پنهان و یا آشکار
            شود.خب برای این کار باید از کدهای Hide و Show استفاده کنید که موضوع آموزش این بخش هم همین خواهد بود. </p>
    </li>
    <li>
        <b> قسمت چهارم </b>
        <p> سلام.در این بخش از آموزش JQuery‌ میخوام با حلقه های تکرار For و Foreach آشنا بشید و بتونید توسط این حلقه ها، دستورات مشخصی رو به تعداد تعیین شده تکرار بکنید.مثلا می خواهیم اعداد ۱ تا 10 را به ترتیب در یک لیست وارد کنیم. </p>
    </li>
</ul>

    <script type="text/javascript" src="http://dr-code.ir/front/js/jquery-3.2.1.min.js"></script>
    <script>
        $(document).ready(function() {
            $('#dr-according li').on('click', function() {
                $('li p').slideUp(700);
                $('li b').css({'color':'#7c7c7c'});
                $(this).find('p').slideDown(700);
                $(this).find('b').css({'color':'#D63031'});
            });
        })
    </script>

</body>

</html>
دکتر کد - مرجع آموزش هایی به سبک متفاوت
  • قسمت اول

    سلام.در این مطلب می خوام آموزش برنامه نویسی با یکی از محبوب ترین کتاب خانه های JavaScript که JQuery نام داره رو براتون شروع کنم و به صورت پروژه محور در قسمت های مختلف، این آموزش رو جلو ببرم تا افرادی که نیاز به یاد گیری این کتاب خانه محبوب و قدرتمند دارند از این مطالب شروع به یاد گیری کنند.

  • قسمت دوم

    در قسمت۱ آموزش JQuery با نحوه فراخوانی این کتاب خانه و نوشتن چهارچوب اصلی برای برنامه نویسی آشنا شدید.در این قسمت می خوام نوشتن یک پروژه ساده رو شروع کنیم تا به صورت پروژه محور مطالب رو یاد بگیرید.

  • قسمت سوم

    در این بخش از آموزش JQuery میخوام با رویداد Toggle‌ آشنا بشید ولی قبل از این باید با Hide و Show آشنا بشید.همانطور که از اسمشان پیداست برای پنها و ظاهر کردن عناصر استفاده می شوند.برای مثال می خواهیم با زدن یک دکمه متن مورد نظر پنهان و یا آشکار شود.خب برای این کار باید از کدهای Hide و Show استفاده کنید که موضوع آموزش این بخش هم همین خواهد بود.

  • قسمت چهارم

    سلام.در این بخش از آموزش JQuery‌ میخوام با حلقه های تکرار For و Foreach آشنا بشید و بتونید توسط این حلقه ها، دستورات مشخصی رو به تعداد تعیین شده تکرار بکنید.مثلا می خواهیم اعداد ۱ تا 10 را به ترتیب در یک لیست وارد کنیم.