JQuery - это библиотека JavaScript, то есть расширение JavaScript, используемое для удовлетворения различных потребностей в спецэффектах. Это JavaScript
Давайте напишем базовую программу JQ, чтобы проиллюстрировать JQ.
1. Основные цели
На веб -странице есть три кнопки, одна может скрыть только текст, один может отображать только текст, а другая может скрывать и одновременно отображать текст. Нажмите, чтобы показать, затем нажмите, чтобы спрятаться и зацикливаться на бесконечно.
2. Процесс производства
1. Во -первых, вам нужно загрузить файл поддержки JQ с официального веб -сайта JQ и поместить его в папку вашего сайта. Этот файл поддержки jQuery1.11. Вы можете скачать jQuery1.11, который совместим со старым браузером IE6, с официального веб -сайта JQuery, вместо JQUERY2, который несовместимо со старым браузером IE6.
2. Весь код веб -страницы заключается в следующем, а затем объясняется фрагментами:
<! 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=utf-8" /> <script type="text/javascript" src="js/jquery-1.11.1.js"></script> <script> $ (document) .ready (function () {$ ("#hide"). click (function () {$ ("#text"). Hide ();}); $ ("#show"). Click (function () {$ ("#text"). Show ();}); $ ("#toggle"). Click () {$ (##text ");););););););););););); </script> <!-<style type = "text/css"> #text {display: none} </style>-> <tite> jq fade Out and Display </teal> </head> <body> <p id = "text"> Tossed Text </p> <button id = "hide"> hide </button> <fute id </puttute </ptutron> <fut ud = "hod/button/button '> hide/button'> hide/button '> hide/hide/button'> hide/button/hide"> " </html>(1) <body> Часть
Часть <head> в основном реализует основную кодовую часть. Поговорим об этом позже. Let's talk about the <body> part<body> <!--This is a text with an ID as text for easy script control --> <p id="text"> tossed text</p> <!--Set the buttons with IDs to hide, show, toggle respectively--> <button id="hide"> Hide</button> <button id="show"> Show</button> <button id="toggle"> Hide/Show</button> </body>
(2) <голова> часть
<head> <!--Encoding of web pages, declaring that you should use JQ--> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="js/jquery-1.11.1.js"></script> <script> <!--The first thing you need to do is to write Общая функция с $ (document) .ready (function () {});. Если вам не нужно выполнять структуру, предоставленную этой функцией, вы не можете выполнить-> $ (document) .ready (function () {<!-затем напишите необходимую функцию в этой функции-> <!-Вызовите функцию, чтобы привести к действию щелчка с кнопкой с идентификатором, и последующие действия все еще размещены в этой функции-> $ («#hide»). Нажмите (function () {<!-скрыть текст с идентификатором с идентификатором. });