28 Aug, 2008

Първи стъпки с JQuery

Публикувано: Mahbub в: Първи стъпки

Предполагам, че ние знаем какво е JQuery. Ами да го реша ", на jQuery JavaScript библиотека, която прави живота ни по-лесно" . Харесва ми да се определят по този начин. Добре, сега в този пост, аз съм ще ви покажем как да получите нещата започнаха за JQuery. Както можете да прочетете този блог, това е очевидно, че имате интернет връзка и, разбира се, че използвате някои браузър. Така че нека просто да опитате една част от кода, преди да направи след продължително. Преди това нека да видим какво имаме нужда за това

  • JQuery библиотеката (изтегляне от http://jqueryjs.googlecode.com/files/jquery-1.2.6.js, ) Това е текуща версия, когато пиша този пост.
  • Един съвременен браузър (IE 6.0 +, FF 2 +, Safari 2.0 +, Opera 9.0 +) с JavaScript поддръжка.
  • И текстов редактор (Fav ми е Notepad + +)

Предполагам, че всички знаем как се основните HTML страница изглежда. Ние току-що стартира просто парче код, добавяне на jQuery библиотека
Сега, просто копирайте и поставете по-горе код и спести го наричаш "JQuery test.html".

<DOCTYPE HTML ОБЩЕСТВЕНО! "- / / W3C / / DTD XHTML 1.0 Transitional / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title> JQuery My Playground </ Title>
<script src="jquery-1.2.6.js" type="text/javascript"> </ скрипта>
<script type="text/javascrpt">

$ (Документ). Готова (функция () {
сигнал ("Muhahaha");
});

</ Скрипта>
</ Глава>
<body>
</ BODY>
</ HTML>

И сега можете да стартирате кода, като кликнете два пъти на файла, който току-що създадени. Били ли сте кликнали? и може да ви види смеха ("Muhahaha"),? Ако отговорът е да, тогава ние току-що са започнали да използват JQuery.

Сега мисля, че трябва малко обяснение на това, което направихме в горния код.

Първо, ние започнахме с много основни HTML шаблон
На второ място, ние току-що добавихте на jQuery JavaScript библиотека използвате
<script type="text/javascrpt" src=" jquery-1.2.6.js"> </ скрипта>
И тогава ние написахме JavaScript блок
<script type="text/javascrpt">
$ (Документ). Готова (функция () {
сигнал ("Muhahaha");
});
</ Скрипта>

Какво е да го направиш? добре, $ (документ) готови (функция () {.. дрън-дрън}); означава изпълни "дрън-дрън" код, когато страница (документ) натоварвания. Може би писане

$ (Функция () {
сигнал ("Muhahaha");
});

ще направи същото нещо.

Лесно, нали?

Така току-що сте се започна с JQuery. Проверка на други длъжности за малко по-забавно и Магии.

За повече четене Посетете jquery.com сайт.

2 коментара към "Първи стъпки с JQuery"

1 | sekhar

7 април, 2009 в 4:56 ч.

Avatar

хубаво обяснение

2 | Майк

19 юни 2009 г. в 11:52 ч.

Avatar

Току що се запознаят с библиотеката JS "нещо" и изтеглили просто меню за JQuery. Дали наистина това лесно или аз себе си се шегувам? Имам чувството, че просто се препъна при нещо, което е подвеждащо в простотата :-)

Формуляр за коментари


  • Virendra: Има нов плъгин, който е по-добър от този плъгин. http://jquerybyexample.blogspot.com/2012/03/how-to-create-page-flip-effect-using~~V.
  • Тина: Благодаря ви за този списък, всеки на тези alpticapions е особено полезен за бизнеса на сватбен фотограф Юта?
  • Janelle: Радвам се да видя истински експертен опит в областта на дисплея. Вашият cotnritbuion е най-добре дошли.

Преводач

English flagItalian flagKorean flagChinese (Simplified) flagChinese (Traditional) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagCroatian flagDanish flagFinnish flagHindi flagPolish flagRomanian flagSwedish flagNorwegian flagCatalan flagFilipino flagHebrew flagIndonesian flagLatvian flagLithuanian flagSerbian flagSlovak flagSlovenian flagUkrainian flagVietnamese flagAlbanian flagEstonian flagGalician flagMaltese flagThai flagTurkish flagHungarian flag

Етикети