28 серпня 2008

Приступаючи до роботи з JQuery

Додав: Махбубом в: Приступаючи до роботи

Я вважаю, що ми знаємо, що 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.
  • І в текстовому редакторі (мій обраного Notepad + +)

Я вважаю, ми всі знаємо, як це основний HTML-сторінки виглядають. Ми б просто запустити простий шматок коду, додавши JQuery бібліотеки
Тепер, просто скопіювати і вставити цей код і зберегти його називають "JQuery-test.html".

<DOCTYPE HTML PUBLIC! "- / / 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 майданчик </ title>
<script src="jquery-1.2.6.js" type="text/javascript"> </ SCRIPT>
<script type="text/javascrpt">

$ (Документ). Готовий (функція () {
Alert ("Muhahaha");
});

</ SCRIPT>
</ HEAD>
<body>
</ Body>
</ Html>

І тепер ви можете запустити код, двічі клацнувши файл, який ви тільки що створили. Ви клацнули? і ви можете побачити сміх ("Muhahaha")? Якщо так, то ми тільки почали використовувати JQuery.

Тепер я думаю, нам потрібно трохи пояснити, що ми зробили в коді вище.

По-перше, ми почали з дуже простий шаблон HTML
По-друге, ми тільки що додали JQuery JavaScript з використанням бібліотеки
<script type="text/javascrpt" src=" jquery-1.2.6.js"> </ SCRIPT>
А потім ми написали блок JavaScript
<script type="text/javascrpt">
$ (Документ). Готовий (функція () {
Alert ("Muhahaha");
});
</ SCRIPT>

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

$ (Функція () {
Alert ("Muhahaha");
});

буде робити те ж саме.

EASY, чи не так?

Отже, ви щойно почали з JQuery. Перевірте інші посади трохи більше задоволення і магії.

Для отримання додаткової читання, відвідування jquery.com сайту.

2 Відповіді на "Початок роботи з JQuery"

1 | Sekhar

7 квітня 2009 в 4:56

Аватара

хороша пояснень

2 | Майк

19 червня 2009 в 11:52

Аватара

Я познайомився з бібліотекою ВАТ "річ" і завантажити просте меню на JQuery. Невже це так просто і я жартую я? У мене є відчуття, що я просто наткнувся на те, що вводить в оману в простоті :-)

Коментар формі


  • Virendra: Існує новий плагін доступні, які краще, ніж цей плагін. http://jquerybyexample.blogspot.com/2012/03/how-to-create-page-flip-effect-using ~ ~ V.
  • Tina: Спасибо за цей список, буде будь-який з цих 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

Мітки