Chaining در جی کوئری

هدایت عباسی آموزش جی کوئری

آمورش ویدئویی chaining در جی کوئری

دانلود فیلم و آموزش ویدئویی chaining در جی کوئری. در این فیلم با chaining آشنا می شوید و نحوه کار با آن را فرا می گیرید.

چنانچه مشکلی در اجرای فیلم دارید از مرورگر فایرفاکس استفاده نمایید یا روی لینک زیر کلیک نمایید.

مشاهده یا دانلود فیلم بالا

متد Chaining در جی کوئری (jquery) به ما اجازه می دهد تا چندین دستور جی کوئری (بر روی یک عنصر) را در یک دستور واحد اجرا کنیم. با ذکر چندین مثال و توضیح کامل با این دستور آشنا می شوید.

کاربرد Chaining در جی کوئری

در این بخش از آموزش جی کوئری از تاپ سایت 98 قصد داریم با کاربرد Chaining در جی کوئری آشنا شویم.

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

اما می خواهیم یاد بگیریم که چگونه چندین دستور در یک خط اجرا شود.

تا به حال ما متدهای جی کوئری را در یک زمان (یکی پس از دیگری) نوشتیم.

با این حال، یک تکنیک به نام Chaining وجود دارد، که به ما اجازه می دهد دستورات چندگانه جی کوئری را که یکی پس از دیگری در یک عنصر اجرا کنیم.

مثال Chaining در جی کوئری

مثال Chaining در جی کوئری را در زیر مشاهده می کنید.

در این مثال ما یک بار یک عنصر را فراخوانی کره ایم ولی چندین متد جی کوئری را روی آن اعمل کرده ایم.

این کد را در یک فایل html قرار داده و اجرا نمایید تا نتیجه را مشاهده نمایید.

حتما یک فایل jquery.js را در کنار فایل قرار دهید.

<!DOCTYPE html>
<html>
<head>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$("#btn").click(function(){
$("#top").css("color", "blue")
.slideUp(1500).slideDown(1500);
});
});
</script>
</head>
<body>
<h1 id="top">TopSite98.com</h1>
<button id="btn">Click me</button>
</body>
</html>

مثال دیگری را در زیر مشاهده می کنید.

در این مثال با کلیک روی دکمه فونت سایز تغییر می کند و متد fade نیز اجرا میشود.

کد زیر را در یک فایل با پسوند html ذخیره کنید و تست نمایید.

یک فایل جی کوئری نیز در کنار فایل قرار دهید تا کد بدرستی اجرا شود.

<!DOCTYPE html>
<html>
<head>
<script src=" jquery.js"></script>
<script>
; $(document).ready(function(){
$("#b").click(function(){
$("#d").css("fontSize", 50)
.fadeOut(2000).fadeIn(2000);
});
});
</script>
</head>
<body>
<p id="d">TopSite98.com</p>
<button id="b">Click me</button>
</body>
</html>

کدها همه تست شده است. می توانید آنها را در فایل html ذخیره کنید و تست نمایید.

امیدواریم از این آموزش لذت برده باشید.

موفق باشید.

این سایت بفروش می رسد با سئو عالی و بازدید بالا. تماس بگیرید

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