jQuery
jQuery认识
jQuery是一个快速、简介的JavaScript框架,jQuery的宗旨:写的更少,做的更多
jQuery基本语法
引入jQuery
在html中引入jQuery文件
1 | <script src="js/jquery-3.2.1.js"></script> |
入口函数
1 | <script src="js/jquery-3.2.1.js"></script> |
事件绑定
1.事件名
2.bind
3.on(推荐使用)
选择器
jQuery选择器基于CSS选择器,并且做了更多的拓展
CSS选择器:
基本选择器
标签选择器 直接写标签名
类选择器 通过.class的属性值
id选择器 #id的属性值
通用选择器 *
复合选择器
子元素选择器 直接找子元素: 父选择器 > 子选择器
后代选择器 找所有的后代,包括子元素和孙子元素:祖选择器 后代选择器
相邻兄弟选择器 后面的第一个紧挨着的元素: 哥哥选择器 + 弟弟选择器
同胞兄弟选择器 后面所有的兄弟元素: 哥哥选择器~弟弟选择器
Demo
1 |
|
Ajax
参数
1 | url: 请求服务器的地址 |
Demo
使用Ajax实现二级联动
1 |
|