htsait4113
htsait4113

【Flask】jQuery

1. 使用jQuery

jQuery是一个纯JavaScript客户端库，全部代码被封装在一个文件中。jQuery有以下两种形式的发布版。

  • 压缩发布版：compressed，用于正式发布，以*.min.js命名，比如jquery-1.11.2.min.js。
  • 正常发布版：uncompressed，用于阅读和调试，以*.js命名，比如jquery-1.11.2.js。

每个版本的两种形式在功能上完全相同，只是压缩发布的文件更小。开发者通常在项目开发中使用正常发布版，在项目实际运行中为了使网页更快地被加载而使用压缩发布版。

开发者可以直接在HTML源文件中引用Internet上的jQuery库链接，比如：

<script src="http://apps.bdimg.com/libs/jquery/1/6/4/jquery.min.js">script>

在JavaScript中调用jQuery以如下基础语法形式实现：

$(selector).action()

其中美元符号$指明引用jQuery库；selector即选择器，用来筛选页面标记元素；action即行为，是对筛选出的元素进行的操作。

下面是一段用jQuery实现段落隐藏、显示功能的示例代码：

<html>
	<head>
		
		<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1/6/4/jquery.min.js">script>
	head>
	<body>
		<p id="message">Click the button to hide me.p>
		
		<button type="button" onclick="$('p').toggle();">Toggle the messagebutton>
	body>
html>

本例中