سلام
اول از همه بگم من زیاد از جیکوئری سر در نمیارم همینجور که یاد میگیرم سعی میکنم یاد بدم
اگر بد آموزش دادم شرمنده سریع نوشتم
============================================================
اول از همه باید جیکوئری را بر روی قالبمان نصب کنیم
برای نصب جیکوئری از ابزار زیر استفاده کنید
negin.in/jq
خوب حال کتابخانه جیکوئری شما نصب شد
لازم است که چیز هایی را که لازم داریم را فراخوانی کنیم
که آموزش ما از این به بعد است
کد تکمیل شده
<!DOCTYPE html><html><head><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script><script>$(document).ready(function(){ $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); });});</script></head><body><p>site negin.in is very good</p><button id="hide">Hide</button><button id="show">Show</button>
</body></html>
این کد کد کامل بود و شما میتوانید آن را بردارید و در نوت پد خود قرار دهید و آن را با فرمت.htm ذخیره کنید و در مروگرتان باز کنید تا نتیجه را ببینید
خوب به بقیه کار برسیم
پس از نصب جیکوئری در هد قالب خودمون یا هر جای دیگه یک
<script></script>
باز میکنیم و در آن کد های خود را قرار میدهیم
اول از همه در داخل تگ بالا
یک
$(document).ready(function(){
قرار میدهیم
سپس بعد از آن یک
$("آی دی").click(function(){
مینویسیم که شما باید به جای
آی دی
نام آی دی یا کلاسی که برای متن یا هر چیز دیگه ای که دوست دارید رو قرار بدید
نکته : در کد بالا باید آی دی اون دکمه مورد نظر رو وارد کنید
خوب پایین اون این کد رو مینویسیم
$("p").hide();
که میگه زمانی که روی دکمه ای که ما درست کردیم کلیک شد تمامی تگ های
p
یا پاراگراف های سایت رو محو کن و از بین ببر
حالا این ها رو میبندیم
با استفاده از کد زیر
});
آموزش تا به الآن
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script><script>$(document).ready(function(){ $("#hide").click(function(){ $("p").hide(); });});</script><button id="hide">Hide</button><p>site negin.in is very good</p>
خوب ما یک دکمه ایجاد کردیم که باهاش میتونیم هر چیزی که دوست داریم رو حذف کنیم
خوب باید یک چیزی هم بذاریم تا بشه اونا رو برگردوند
برای اینکار
دوباره یک دکمه یا هر چیزی میسازیم و یک آی دی بهش میدیم
در همون تگ
<script></script>
کد زیر را قرار میدهیم
$("آی دی").click(function(){
به جای کلمه
آی دی
در کد آی دی و یا کلاس دکمه و یا هر چیز دیگه که دوست دارید را قرار دهید
در زیر آن یک کد دیگر قرار میدهیم
$("p").show();
این کد میگوید با کلیک بر روی دکمه و یا هر چیزی که ما ساختیم تمامی تگ های p و یا پاراگراف ها را دوباره نشان بده
خوب کار ما تمام شد
ببخشید اگر بد نوشتم سریع شدش شرمنده
با تشکر