简介：
jQuery是一个javascript库。极大滴简化了javascript编程。
包含内容：
HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX
1：下载 jQuery共有两个版本的 jQuery 可供下载：一份是生产版本jQuery.min.js（最小化和压缩过的），另一份是开发版jQuery.js(未压缩的供调试或阅读）。这两个版本都可http://jquery.com/download/下载。2：如何导入jQuery——直接在html中的<head></head>标签导入即可（生产环境下，为了提高页面加载速度，通常讲js文件放到页面最下面）<head><scripttype="text/javascript"src="../jquery.min.js"></script>#写上js所在的路径即可</head>3：库的替代Google 和 Microsoft 对 jQuery 的支持都很好。如果您不愿意在自己的计算机上存放 jQuery 库，那么可以从 Google 或 Microsoft 加载 CDN jQuery 核心文件。使用 Google 的 CDN<head><scripttype="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script></head>使用 Microsoft 的 CDN<head><scripttype="text/javascript"src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script></head>4:jQuery的基本三步走1：选择器——找到需要操作的元素2：操作——DOM元素进行增删改查2,1：操作html文档内容——常用元素 table form div等2.2：操作html元素属性——常用属性2.3：操作html元素的样式——css （其实也属于属性）3： 事件——什么情况下触发jQuery的操作， ajax等
例子：
在login.html中引用jquery
效果
jquery异步请求
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
<!DOCTYPE html>
<
html
>
<
head
>
<
meta
charset
=
"utf-8"
>
<
title
>登录</
title
>
</
head
>
<
body
>
<!--<form method="post" action="/login"> -->
<
form
id
=
"loginform"
>
<
input
id
=
"name"
type
=
"text"
name
=
"name"
placeholder
=
"用户名"
>
<
input
id
=
"password"
type
=
"password"
name
=
"password"
placeholder
=
"密码"
>
<
input
id
=
"loginbtn"
type
=
"submit"
value
=
"登录"
>
</
form
>
<
form
action
=
"/operation"
>
<
td
>
<
a
href
=
"/adduser"
type
=
"submit"
>注册</
a
>
</
td
>
</
form
>
{% if result %}
<
div
style
=
"color:red"
>
`result`
</
div
>
{% endif %}
<
script
src
=
"/static/js/jquery-3.1.0.min.js"
></
script
>
</
body
>
</
html
>
|
2.在谷歌浏览器中按F12进入调试模式。在console中输入
$('#loginform').serialize() 作用是把表单中的所有值都拿到
$：表示jquery
loginform：表示选择器
id：是html元素的唯一标识，同一个页面中不能出现重名的id
jquery基础语法：
$(selector).action()
$(选择器).动作
常用的动作
1：$(选择器).html(value) #获取或设置html标签值
2：$(选择器).val(value) #获取或设置表单标签值
3：$(选择器).attr(value) #获取或设置属性标签值
4：$(选择器).css(value) #获取或设置标签样式值
例子：通过jquery对html元素进行操作
val()操作表单的值
获取html
本文转自 shouhou2581314 51CTO博客，原文链接：http://blog.51cto.com/thedream/1844275，如需转载请自行联系原作者
