تالار گفتمان سایت ساز رزبلاگ

تالار گفتمان سایت ساز رزبلاگ

Q:

آموزش جیکوئری - محو کردن و ظاهر کردن

سلام

اول از همه بگم من زیاد از جیکوئری سر در نمیارم همینجور که یاد میگیرم سعی میکنم یاد بدم

اگر بد آموزش دادم شرمنده سریع نوشتم

============================================================

اول از همه باید جیکوئری را بر روی قالبمان نصب کنیم

برای نصب جیکوئری از ابزار زیر استفاده کنید

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 و یا پاراگراف ها را دوباره نشان بده

خوب کار ما تمام شد

ببخشید اگر بد نوشتم سریع شدش شرمنده

با تشکر

طراحی صفحات وب
پاسخ ها

میشه مصطفی چیزی آموزش بده یا درست کنه کسی بدش بیاد ؟

دمت آسفالت دادا !

مرسی پایه کارو گفتی ... مرسی

ممنون داش عرفان

دم شما هم بخاری نفتی

:D

نقل قول از 2pac

مرسی پایه کارو گفتی ... مرسی

شرمنده

ایشاالله توی یک پست دیگه پایه کار رو هم میگم

ممنون از نظرتون

سلام. مرسی مصطفی خان .......ادامه بده نفسک....

این جیکوئری چیز کوفتی ای هست.

جی کوئری روان نیست که مثل css تو مخت بمونه هر وقت بهش نیاز پیدا میکنم میرم سمتش

چشم حتما ادامه میدم

آره وامونده خیلی بزرگه:Dمنم هر موقع لازم دارم میرم ببینم دنیا از چه طرفیه:D

عشقستcss:D

داداش ممنون واقعا آموزش جامع و کاملی بود کارم راه افتاد بازم ممنون.

دوستان عزیز میدونم این پست منم اسپم هست این الا هم وظیفه من نیست لطفا یه تاپیک مفید و آموزشی رو پر اسپم نکنید

اقا خودم هم تو این تاپیک اگه وقت کردم کمکتون میکنم

+ پست منو حذف کنید

عالی

مرسی