тест JQuery JavaScript
Тестирование JavaScript библиотека рамок - Jquery
Ссылки JQuery
Для тестирования библиотеки JavaScript, вы должны ссылаться на него на веб-странице.
Чтобы обратиться к библиотеке, используйте тег <SCRIPT>, чей атрибут SRC установлен в библиотеку URL:
Ссылки JQuery
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">
</script>
</head>
<body>
</body>
</html>
Jquery Описание
Основной функцией является функция JQuery $ () (функция JQuery). Если передать объект DOM в функцию, которая возвращает объект JQuery с JQuery для добавления функциональности.
селектор JQuery CSS позволяет выбрать элементы.
В JavaScript можно назначить функцию для обработки события окна загрузки:
Метод JavaScript:
{
переменная OBJ = document.getElementById ( "H01");
obj.innerHTML = "Hello Jquery";
}
OnLoad = туРипсЫоп;
Эквивалент Jquery отличается:
JQuery путь:
{
$("#h01").html("Hello jQuery");
}
$(document).ready(myFunction);
Последняя строка кода выше, HTML DOM объект документа передается JQuery: $ (документ).
Когда вы передаете объект DOM в JQuery, JQuery будет вернуться к HTML DOM объекты, завернутые объект JQuery.
функция JQuery возвращает новый объект JQuery, в котором готовый () представляет собой метод.
Так как функция является переменной в JavaScript, так что вы можете поместить туРипсЫоп передается в качестве аргумента готовых методов JQuery.
![]() | JQuery возвращает объект JQuery, объект DOM прошло по-другому. JQuery свойства и методы объекта имеют, с другой объект DOM. Вы не можете использовать HTML DOM свойства и методы на объекте JQuery. |
---|
Тестирование Jquery
Пожалуйста, попробуйте следующий пример:
примеров
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">
</script>
<script>
function myFunction()
{
$("#h01").html("Hello jQuery")
}
$(document).ready(myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>
Попробуйте »
Пожалуйста, попробуйте еще раз в этом примере:
примеров
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">
</script>
<script>
function myFunction()
{
$("#h01").attr("style","color:red").html("Hello jQuery")
}
$(document).ready(myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>
Попробуйте »
Как вы можете видеть в приведенном выше примере, JQuery позволяет ссылки (синтаксис цепи).
Ссылка (выстраивание) представляет собой способ выполнения нескольких задач по этой же теме удобным способом.
Вам нужно узнать больше? Этот учебник дает вам большой Jquery учебник .