تبلیغات
6 تایی - مقدمه معرفی jQuery

امروز:

مقدمه معرفی jQuery

مقدمه معرفی jQuery

آموزش jquery

آموزش jquery

jQuery چیست ؟

jQuery یک کتابخانه استاندارد آماده حاوی تعدادی متد و توابع نوشته شده به زبان JavaScript است . از توابع متدهای این کتابخانه برای کار با عناصر و تگ های موجود در صفحات HTML , ASP.Net یا PHP استفاده می شود . به طور کلی با مصرف از این متدهای از پیش تعریف شده می توانید تغییراتی را در عناصر تگ های HTML ایجاد کرده یا روش نمایش آنها را تغییر دهید . جهت مثال می توانید عنصر HTML را با کلیک بر روی یک دکمه فرمان پنهان کرده یا در صورت مخفی بودن آن را نمایش دهید .
زبان jQuery دارای شعار زیاد دیده شده است . این شعار می گوید کمتر بنویسید بیشتر انجام دهید ( write less , do more ) . به طور کلی کتابخانه jQuery حاوی موارد زیر است :
در مصرف از jQuery شما نیاز ندارید برای انجام کارهای مورد نظرتان تابع نو بنویسید . تنها کافی است عنصر مورد نظر خود را انتخاب کرده پس متد مورد نظر را فراخوانی کرده تا آن عنصر را تغییر دهد .
قبل از مطالعه و استفاده از بخش jQuery ، شما می بایست با مطالب زیر آشنایی کامل داشته باشید :

HTML
CSS
JavaScript
نحوه مصرف از کتابخانه jQuery :

همان گونه که گفتیم jQuery یک کتابخانه استاندارد آماده است . شما می بایست برای مصرف از jQuery فایل این کتابخانه را به صفحه متصل بکنید . کتابخانه jQuery در فایل مجزا که از نوع فایل های JavaScript و با نام jQuery.js است مراقبت می شود . شما برای اتصال فایل این کتابخانه به صفحه مورد نظرتان از 2روش می توانید مصرف بکنید :

دانـلود فایـل کتابخانه jQuery بر روی رایانه یا سرور وب سایت خودتان پس اتصال آن به صفحه .
مصرف از فایـل کتابخانه jQuery بر روی سرورهای آنلاین مثل سرور Microsoft یا Google .
در ادامه به معرفی 2آموزش فوق می پردازیم .
روش اول : درآموزش اول شما می بایست جدید ترین فایل کتابخانه jQuery را از سایت www.jQuery.com دانـلود کرده پس آن را در پوشه اصلی سایت قرار دهید . پس با استفاده از یک تگ < Script > که در پارت < Head > صفحه قرار می دهید ، فایل کتابخانه را به صفحه متصل بکنید . در قسمت زیر اینروش را نشان داده ایم :

Syntax < head >
< script type = " text/javascript " src="jquery.js" > < /script >
< /head >
روش دوم : درروش دوم شما لینک دسترستی به فایل کتابخانه jQuery ، که بروی سرور مورد نظرتان است را در یک تگ < Script > و در پارت < Head > صفحه قرار می دهید . در این حالت صفحه در زمان لود شدن به سرور وصل شده از کتابخانه آنلاین مصرف می نماید . در پارت زیر هر 2 لینک و طریقه استفاده از آنها را نمایش داده ایم :

Syntax ( سرور مایکروسافت ) < head >
< script type = " text/javascript " src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js " > < /script >
< /head >


Syntax ( سرور گوگل ) < head >
< script type = " text/javascript " src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js " > < /script >
< /head >
بعد از اتصال کتابخانه jQuery به صفحه خودتان ، هر زمان که متد jQuery را فراخوانی می بکنید ، پروگرام سورس آن متد را از کتابخانه دریافت کرده پس اجرا می نماید . در مثال بخش بعد بهروش کلی کار با توابع jQuery یک نمونه از کاربر د آن اشاره می نماییم .

یک مثال از فرد د jQuery :

jQuery فرد دهای جالب و زیادی دارد و به طراحان وب توانایی های بسیاری را برای خلق جلوه ها و دینامیک کردن صفحات می دهد . در مثال زیرروش کلی استفاده از ساختار jQuery را نشان داده و یکی از فرد دهای خیلی مهم آن یعنی پنهان کردن عناصر موجود بر روی صفحه را نمایش می دهیم .

در مثال زیر صفحه فرضی با 2 پاراگراف یک تیتر داریم . می خواهیم تا کاربر بتواند با کلیک بر روی دکمه فرمان پارگراف های موجود در صفحه را پنهان نماید .راهنمای کار به این شرح است :
در ابتدا به وسیله یکی از لینک های معرفی شده ، صفحه خود را به کتابخانه jQuery متصل کرده ایم . سپس یک دکمه فرمان یک تیتر و 2 پاراگراف را بروی صفحه ایجاد کرده ایم . با کلیک کاربر بر روی دکمه فرمان متد ( ) Hide که یکی از متدهای jQuery است ، اجرا شده باعث می شود تا تمام پاراگراف های ( تگ های < p > ) موجود بر روی صفحه پنهان شوند . همان گونه که در خروجی مشاهده می بکنید تابع ایجاد شده فقط بر روی عناصری که تگ آنها از نوع < p > ( پاراگراف ) است تاثیر می گذارد برای مثال با تگ تیتر < h2 > کاری ندارد .
جهت مشاهده عملکرد مثال بر روی دکمه فرمان خروجی کلیک نمایید .





This is a heading




This is a paragraph .




This is another paragraph.


Click me



Example
< html >
< head >
< script type="text/javascript" src="jquery.js" > < /script >
< script type="text/javascript" >
$ (document). ready ( function( )
$ ("button") . click ( function( )
$ ( " p " ) . hide( );
);
);

کد
This is a heading

This is a paragraph .

This is another paragraph.


نوشته شده در : یکشنبه 3 مرداد 1395  توسط : مطالب علمی 2015.    نظرات() .

lawn care near me
سه شنبه 25 اردیبهشت 1397 12:09 ق.ظ
Cherished the service: Garden Love was nice!
roof repair cost calculator
پنجشنبه 13 اردیبهشت 1397 05:49 ب.ظ
Finally, test the seams (laps) within the roofing membrane.
lawn care logos photos
سه شنبه 4 اردیبهشت 1397 07:13 ب.ظ
In addition they do seasonal lawn companies.
emergency roof repair near me
چهارشنبه 29 فروردین 1397 12:05 ق.ظ
EPDM roofing membrane is an artificial rubber membrane.
lawn care service near me
دوشنبه 20 فروردین 1397 05:25 ق.ظ
All of us love our lawns & want them to be good.
tree removal services in atlanta ga
شنبه 18 فروردین 1397 05:38 ق.ظ
Glorioso Tree Service is a INCREDIBLE firm.
floor polishing machine for sale
چهارشنبه 15 فروردین 1397 01:14 ق.ظ
Polished concrete floors have few disadvantages.
Bungling Ben
سه شنبه 14 فروردین 1397 12:10 ق.ظ
Hydro energy is a proven technology which was being used for some
over a century.
http://garciniacambogiapremium.net/garcinia-down-under
دوشنبه 13 فروردین 1397 11:45 ق.ظ
Have actually been taking little over a month.
garcinia cambogia free trial reviews
دوشنبه 13 فروردین 1397 04:02 ق.ظ
Have been taking little over a month.
blockchain technology stocks
دوشنبه 6 فروردین 1397 05:01 ق.ظ
Enter blockchain expertise. What is blockchain?
blockchain technology investment banking
جمعه 3 فروردین 1397 08:22 ق.ظ
Bitcoin and blockchain expertise aren't the identical.
www.androidproblem.com
سه شنبه 29 اسفند 1396 02:49 ق.ظ
I read this paragraph completely concerning the difference of
most recent and preceding technologies, it's awesome article.
https://www.facebook.com/Elitepetsitting/
دوشنبه 14 اسفند 1396 11:10 ق.ظ
Canines are social animals, and love company.
cheapest towing company in tucson
سه شنبه 8 اسفند 1396 01:07 ق.ظ
Discover towing firm in Orlando, FL on Yellowbook.
tow truck companies near me hiring
چهارشنبه 2 اسفند 1396 07:08 ب.ظ
We take pride that we now have a reputable towing company.
garage door installation cost home depot
چهارشنبه 2 اسفند 1396 06:42 ق.ظ
Storage Doorways Restore from Hail Injury or Wind Injury.
pcm car computer
سه شنبه 1 اسفند 1396 08:12 ق.ظ
Two a lot more cars and trucks supply authority and guidance.
pressure washing services lafayette la
سه شنبه 1 اسفند 1396 04:13 ق.ظ
Roof cleansing, gutter cleaning & more.
www.facebook.com
دوشنبه 30 بهمن 1396 11:20 ق.ظ
Most cleaners will gladly adapt their routine.
ig
شنبه 21 بهمن 1396 09:47 ب.ظ
Wow, this piece of writing is fastidious, my younger sister is
analyzing these things, so I am going to convey her.
kientruceco.com
چهارشنبه 18 بهمن 1396 03:59 ق.ظ
I know this site provides quality based posts and additional information, is there any other website which provides such things in quality?
tree service tulsa
دوشنبه 16 بهمن 1396 10:33 ب.ظ
Find tree removing companies and corporations.
timex enjoy
دوشنبه 6 آذر 1396 07:41 ب.ظ
It's not my first time to pay a visit this web page, i am visiting
this site dailly and obtain good facts from here daily.
samsung home security cameras amazon
شنبه 20 آبان 1396 06:48 ق.ظ
Can you carve out dropping courtyard house indoors?
Lelio Vieira Carneiro Junior
چهارشنبه 17 آبان 1396 10:21 ق.ظ
Excellent blog here! Also your web site loads up fast!
What host are you using? Can I get your affiliate link to your host?
I wish my site loaded up as fast as yours lol
foot pain identifier
جمعه 2 تیر 1396 07:56 ق.ظ
Exactly what I was looking for, appreciate it for posting.
http://katherincruikshank.blogas.lt/
پنجشنبه 21 اردیبهشت 1396 05:58 ب.ظ
Hello there, just became aware of your blog through Google, and
found that it's truly informative. I'm gonna watch out
for brussels. I'll be grateful if you continue
this in future. Many people will be benefited from your writing.
Cheers!
BHW
یکشنبه 20 فروردین 1396 11:56 ق.ظ
you are really a excellent webmaster. The site loading velocity
is incredible. It sort of feels that you're doing any unique trick.

Moreover, The contents are masterpiece. you've done a great task on this matter!
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر