HTML , CSS , JQUERY , XML , JSON , PHP , SQL , AJAX , SEO

۷ مطلب با موضوع «JQUERY» ثبت شده است

مرجع JQuery

مرجع انتخاب گرها (Selectors) در JQuery

Selector ها قسمت مهم کار با jquery هستند.برای اینکه مشخص کنید دستور jquery روی چه عنصری از صفحه وب اعمال شود باید از انتخاب گرها در جی کوئری استفاده نمائید .

با استفاده از جدول زیر می توانید روش دسترسی به هر عنصر را مشاهده نمائید این روش برپایه کار با css ها بنا نهاده شده است :

ادامه مطلب...
۰۳ ارديبهشت ۹۴ ، ۲۳:۴۵ ۰ نظر موافقین ۱ مخالفین ۰
مختار محمدیان

توابع متفرقه در JQuery

متد ( ) data در jQuery

متد data ، می تواند اطلاعاتی را به یک عنصر مورد نظر اضافه کرده و یا اینکه اطلاعات آن را خوانده و به صفحه بازگرداند . 
نکته : برای حذف اطلاعات اضافه شده از متد ( ) removeData استفاده نمایید .

  • خواندن و برگرداندن اطلاعات یک عنصر با استفاده از متد data :

به وسیله متد data می توانید اطلاعات موجود در یک عنصر HTML را خوانده و به صفحه بر گردانید . 
شکل کلی استفاده از متد ( ) data در این حالت به صورت زیر است :

Syntax     $( selector ).data ( name ) ;

ادامه مطلب...
۰۳ ارديبهشت ۹۴ ، ۲۳:۳۷ ۰ نظر موافقین ۱ مخالفین ۰
مختار محمدیان

ایجکس و جی کوئری (jQuery AJAX)

Ajax در Jquery چگونه است ؟

Ajax مختصر شده عبارت Asynchronous JavaScript and XML میباشد . این تکنولوژی اولین بار برای استفاده از داده های Xml در جاوا اسکریپت ایجاد شد.

Ajax یک زبان برنامه نویسی نیست . بلکه تکنولوژی برای ارتباط با سرور از طریق جاوااسکریپت و ایجاد صفحات داینامیک میباشد .
ایجاکس در jquery 

در jquery توابعی برای کار با ایجاکس وجود دارد که کار را با این تکنولوژی بسیار آسان نموده است . توسط این توابع میتوان تبادل اطلاعات را با سرور بصورت TXT , HTML , XML و JASON و با استفاده از دو متد GET و POST انجام داد .

و شما میتوانید اطلاعات نتیجه که از سرور بدست می آید را در عنصر انتخابی (selector) به نمایش در آورید .

ادامه مطلب...
۰۳ ارديبهشت ۹۴ ، ۲۳:۲۲ ۰ نظر موافقین ۱ مخالفین ۰
مختار محمدیان

HTML و CSS در جی کوئری

متد addclass

در این بخش از آموزش JQuery ، متد addClass را در طراحی سایت ، شرح میدهیم. 

متد addClass می تواند یک کلاس css را به تگ یا تگهای مختلف تخصیص دهد.

در مثال زیر با استفاده از متد addClass کلاس important به تمام تگ های از نوع div اعمال می شود :

$("div").addClass("important");

ادامه مطلب...
۰۳ ارديبهشت ۹۴ ، ۲۳:۰۴ ۰ نظر موافقین ۱ مخالفین ۰
مختار محمدیان

افکت ها در جی کوئری (JQuery Effects)

تابع Callback در jquery

تابع Callback در جیکوئری بعد از اینکه عمل مخفی (و یا آشکار شدن) کامل شد اجرا می شود.

مثال با تابع Callback

در مثال زیر تابع  alert  بعد از اجرا شدن  افکت hide  اجرا میشود:

$("button").click(function(){
$("p").hide("slow",function(){
alert("The paragraph is now hidden");
});
});

 

ادامه مطلب...
۰۳ ارديبهشت ۹۴ ، ۲۰:۳۱ ۱ نظر موافقین ۱ مخالفین ۱
مختار محمدیان

رویداد ها در جی کوئری (Events)

رویداد ( ) ready در jQuery

در این بخش از آموزش JQuery ، رویداد ready را  در طراحی سایت شرح میدهیم.

 رویداد ( ) ready در یک صفحه وب زمانی اتفاق می افتد که شی DOM به طور کامل لود شده و همچنین صفحه نیز به طور کامل لود شده باشد ( حتی تصاویر آن ) . 
به دلیل اینکه رویداد ( ) ready پس از لود شدن کامل صفحه اتفاق می افتد ، مکان مناسبی برای قرار دادن کدها و توابع jQuery است . 
شما می توانید رویدادها و توابعی که می خواهید به محض تمام شدن عملیات load صفحه ، اجرا شوند را در این تابع قرار دهید . 
شکل کلی استفاده از این متد به شرح زیر است :

ادامه مطلب...
۰۳ ارديبهشت ۹۴ ، ۲۰:۱۵ ۰ نظر موافقین ۱ مخالفین ۱
مختار محمدیان

مقدمات آموزش JQuery


JQuery چیست ؟ ( جی کوئری چیست ؟)

jQuery یک کتابخانه از جاوا اسکریپت است که پیمایش اسناد اچ تی ام ال ، رسیدگی به رویدادها، متحرک سازی و تعاملات ای جکس (AJAX) را به منظور توسعه سریع وب تسهیل می کند. jQuery به گونه ای طراحی شده است تا روشی را که با آن جاوا اسکریپت را می نویسید تغییر دهد.........

ادامه مطلب...
۰۳ ارديبهشت ۹۴ ، ۱۹:۴۷ ۰ نظر موافقین ۱ مخالفین ۱
مختار محمدیان