Устанавливаете jQuery? - PullRequest
Новая
       67

Устанавливаете jQuery?

57 голосов
/ 22 сентября 2009

Какова процедура установки jQuery для кого-то нового для него?

Ответы [ 14 ]

103 голосов
/ 22 сентября 2009

Включите и запустите jQuery за минуту или меньше:

Вставьте это в ваш HTML (чаще всего в голове, но вы можете бросить его и до тега end body): 

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

Затем поместите элемент script после вашего jQuery. Это сообщит «привет» после того, как DOM будет готов. 

<script>$(function() { alert('hello') });</script>

Чтение документации .

Использование jQuery локально:

После того, как вы почувствуете, попробуйте загрузить jQuery локально на свой компьютер и связать его из файла скрипта. Структура выглядит так: 

C:/web/index.html
C:/web/js/jquery.js

index.html:

    <head>
        <script src="js/jquery.js"></script>
        <script>$(function() { alert('hi') })</script>
    </head>

Если вы не используете Интернет / Wi-Fi, у вас есть преимущество полагаться на сохраненную версию в автономном режиме. Вы также можете вносить пользовательские изменения в исходный код jQuery и изменять его по своему желанию.

Изучение источника jQuery [расширенный]

Скачать несжатую версию с:

http://code.jquery.com/jquery-latest.js

После того, как вы приобрели немного знаний о JavaScript / DOM, попробуйте разобрать их шаг за шагом.

13 голосов
/ 22 сентября 2009

Там нет установки как таковой.

Вы скачаете jQuery и включите его в свои html-файлы, например так: 

<script src="jquery.js" type="text/javascript"></script>

Конечно, измените имя файла так, чтобы оно совпадало с загруженным файлом сценария.

Готово!

7 голосов
/ 22 сентября 2009

Можно выполнить следующие шаги

1) Загрузите Jquery, перейдя по этой ссылке СКАЧАТЬ

2) Скопируйте файл js в ваш корневой веб-каталог, например. www.test.com/jquery-1.3.2.min.js

3) В ваш index.php или index.html между тегами head включите следующий код, и тогда будет установлен JQuery. 

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
4 голосов
/ 22 сентября 2009

Он сообщает вам в самом начале урока , связанном с домашней страницей jQuery.

3 голосов
/ 22 сентября 2009

Там нет ни одного. Используйте теги сценария для ссылки на версию Google (или загрузите ее сами и укажите ссылку на свою копию, если вы действительно этого хотите).

Если вы не знаете, как это сделать, сначала изучите HTML и Javascript, прежде чем пытаться изучать jQuery.

2 голосов
/ 22 сентября 2009

Лучше всего было бы связать с ядром jQuery через Google.
Есть 3 причины сделать это так:

  • Снижение задержки
  • Увеличение параллелизма
  • Лучшее кэширование

см .:
http://encosia.com/2008/12/10/3-reasons-why-you-should-let-google-host-jquery-for-you/

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
 $(document).ready(function() {

Your code here.....

  });
</script>
2 голосов
/ 22 сентября 2009

Установка не требуется. Просто добавьте jQuery в папку вашего приложения и дайте ссылку на файл js. 

<script type="text/javascript" src="jQuery.js"></script>

если jQuery находится в той же папке, что и указанный вами файл.

1 голос
/ 20 августа 2012

Установите JQuery только с JavaScript. Это не очень хорошее решение, если вы разрабатываете веб-сайт, но очень хорошо, если вы хотите, чтобы JQuery находился в консоли JavaScript случайного веб-сайта, который уже не использует JQuery. 

function loadScript(url, callback)
{
    // adding the script tag to the head as suggested before
   var head = document.getElementsByTagName('head')[0];
   var script = document.createElement('script');
   script.type = 'text/javascript';
   script.src = url;

   // then bind the event to the callback function 
   // there are several events for cross browser compatibility
   script.onreadystatechange = callback;
   script.onload = callback;

   // fire the loading
   head.appendChild(script);
}
loadScript("http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js")

функция loadScript благодаря ответу e-sat на Включить файл JavaScript в файл JavaScript?

1 голос
/ 22 сентября 2009

Существует два разных способа использования jQuery на вашем сайте. Для начала вам нужно иметь доступ к источнику вашего сайта, будь то прямой HTML или сгенерированный HTML из языка программирования. Затем вам нужно вставить тег <script>, который будет отображаться в конечном выводе в веб-браузере.

Поскольку вы новичок в jQuery, я настоятельно рекомендую вам начать читать Как работает jQuery .

Как уже упоминали другие, есть сети распространения контента (CDN), в которых размещается JQuery - все, что вам нужно сделать, это указать тегу скрипта src на определенный URI. Google и Microsoft имеют CDN, которые бесплатны для личного и коммерческого использования.

Кроме того, вы можете скачать jQuery и разместить его на своем веб-сайте.

Вы также можете использовать оба эти метода вместе . Если CDN Google или Microsoft отключен или заблокирован в стране / брандмауэре / прокси конечного пользователя, вы можете использовать локальную копию jQuery.

0 голосов
/ 12 апреля 2017

Если вы хотите использовать менеджер пакетов,

Вы можете использовать беседка : 

bower install jquery-ui
Страница:
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...