jQuery学习

html文件中引入，记住在body的末尾，先导入表中jQuery标准文件，后面跟自定义的

<script src="./js/jquery-3.2.1.min.js"></script>
<script src="./js/user.js"></script>
</body>

JavaScript基础语法(点击连接自学)
前端基础之BOM和DOM(点击连接自学)
上面如果看的累，可以直接跳过学习jQuery

1. 标签选择

变量使用			var  $xxoo = $("#d3")	使用变量$xxoo将 $("#d3")值赋予它

$("#d1")		查找id为d1的标签，ID选择
$(".c1")		查找类包含c1的标签，类选择
$("div")		查找所有div标签，标签选择
$("div.c1")		查找所有div标签中，属于c1类的对象，组合选择
$("*")			所有标签
$("a,.c1")		查找a标签，属于c1类的标签

限定
$("form input")		查找form标签底下的input标签，限定查找，空格是子子孙孙
$("form>input")		查找form标签底下的input标签紧挨着的input标签，限定查找，儿子
$("form+input")		找到所有紧挨在form后面的input
$("form~input")		查找form之后所有的兄弟input标签，同级

筛选及扩展
:first			第一个
:last			最后一个
:eq(index)		索引等于index的那个元素
:even			匹配所有索引值为偶数的元素，从 0 开始计数，用来隔行背景变深浅（实用）
:odd			匹配所有索引值为奇数的元素，从 0 开始计数
:gt(index)		匹配所有大于给定索引值的元素
:lt(index)		匹配所有小于给定索引值的元素
:not(元素选择器)		移除所有满足not条件的标签
:has(元素选择器)		选取所有包含一个或多个标签在其内的标签(指的是从后代元素找)
写法$("form input:first")
扩展部分
.next()			下一个
.prev()			前一个
.nextall()		下面全部
.prevall()		前面全部
.nextuntil("#d1")	下面的直到ID等于d1的前面
.parent()		父级标签	
.siblings()		兄弟标签
.children()		儿子标签

2. 属性选择

[attribute=value]	属性等于
$("form[color='red']")	form标签下，属性color等于red的标签

3. 操作标签

addClass()		增加样式
removeClass()		移除样式
hasClass()		判断样式是否存在
toggleClass()		有就删掉，没有就加，切换效果

4. 实例

$("div.c2").click(function(){
	$(this).toggleClass("c3")
	})
# 查找div元素中属于.c2的，将其绑定点击事件，点击时执行函数，切换c3类

5. 修改属性

$("div").css("color", "green")		修改单个属性
$("div").css({"color": "green","font-size":"14px"})	修改多个属性

offset()		获取元素的绝对位置		
position		获取相对父标签的偏移位置
scrollTop()		获取匹配元素相对滚动条顶部的偏移，用于按钮返回页面顶部
scrollLeft()	获取匹配元素相对滚动条左侧的偏移

$("div").offset()	获取div元素的绝对位置，如果（）里面有值，就是偏移
其他就是雷同

6. 获取值

.val()		取得第一个匹配元素的当前值，当标签是多选时，他会取用[]包起来的多个值
.val(val)	设置所有匹配元素的值
$("#d3").val()	常用于form表单中已填选信息的获取，如账号，密码等等