آموزش Jquery قسمت دوم

سپتامبر 8, 2010 بیان دیدگاه

قسمت دوم :

#1
الان میخوایم آموزش قبلی که درباره محتوای صفحه نوشتیم رو کاملتر کنیم و با کدهای بیشتری آشنا بشیم . وقت های زیادی شده که بخوایم وقتی روی یکی از تگ ها مورد نظر ما کلیک میکنیم یا دابل کلیک یا … بخوایم رویداد خاصی انجام بگیره خیلی وقت ها از تگ a استفاده میکردم و خیلی وقت ها هم از روش های دیگه استفاده میکردیم . اما کتابخانه Jquery یک امکان جالب را در اختیار ما میزاره تا با محتوای صفحه ( تگ ها و … (سورس)) بتونیم بهتر کار و مدیریت کنیم به عنوان مثال :


$(document).ready(function(){
// Your code here
});

در کد بالا در قسمتی که نوشته شده ما باید کد هایی که میخوایم رو قرار بدیم که یک مثال ساده در پایین براتون قرار میدم :


$(document).ready(function(){
$("a").click(function(event){
alert("Thanks for visiting!");
});
});

در اینجا ما اومدیم براش تعریف کردیم که برای تگ » a » در هرجای صفحه که مربوط به لینکدهی هم هست کلیک شد   ( .click ( این بیاد یک Alert به ما نشون بده . مثال کامل :

 ادامهٔ این نوشته را بخوانید

دسته‌بندی شده در آموزش های متفرقه Tagged with , , , , ,

آموزش Jquery قسمت اول

سپتامبر 8, 2010 بیان دیدگاه

سلام

به طور اختصاصی امروز حسّ اینکار اومد تا براتون آموزش Jquery قرار بدم به صورت کاملا فارسی ! 🙂

#1

Jquery یک کتابخانه مربوط به JS هستش که کاربردش امروزه بیش از حدّ تصور رفته . شکل کلی استفاده در صفحات HTML به صورت زیر هستش :

<code>

<!doctype html>
<html>
  <head>
    <script type="text/javascript" src="jquery.js"></script>

    <script type="text/javascript">
            // Jquery Script .: MarDak.WordpRess.com :.
    </script>
  </head>
  <body>
    <a href="http://jquery.com/">jQuery</a>
  </body>
</html>

</code>

در این کد که به صورت آزمایش هستش ما دو قسمت از تگ Script استفاده کردیم در ابتدا کتابخانه Jquery را در صفحه به اجرا در آوردیم و در قسمت دوم که فضای خالی هم قرار داده شده ما از کد های مربوط به کتابخانه Jquery استفاده میکنیم . بقیه کدها هم که باهاش مطمئنا آشنایی لازم رو دارید و نیازی به توضیح نیست . ادامهٔ این نوشته را بخوانید

دسته‌بندی شده در آموزش های متفرقه Tagged with , , , ,