一、jQuery
1、jQuery是什么?
jQuery是一个快速、简洁的JavaScript框架
2、在那些情况下需要使用jQuery
2.1:中大型网站的开发
2.2:是一些前端框架的基础,比如说:EasyUI、Bootstrap
3、为什么要学jQuery?
3.1:jQuery的宗旨是“write less,Do More”写更少的代码,做更多的事情
4、jQuery的使用
4.1首先下载jQuer类库
4.2将下载好的js文件引入HBuilder X工具中的外部JS
4.3代码如下:
二、选择器
选择器分为:
①基本选择器
②层次选择器
③过滤选择器
④表单选择器
1、基本选择器&层次选择器
通配符 $("*")
交集关系 如:$("div span")代表div容器中所有的span标签
父子关系 如:$("div>span")代表div中所有的span子标签
兄弟关系 如:$("p+span")代表p后面紧跟着的span标签
代码如下:
3、过滤选择器
找到第一个 :first
找到最后一个 :last
偶数下标: :even
奇数下标: :odd
大于: :gt
小于: :lt
介于: 用lt()与gt()的组合
4、表单选择器
获取表单对象里的值(单选框,下拉框,复选框
代码如下:
单选框、复选框判断是否选中用:checked
下拉框判断用:select
下面是关于jQuery用法的思维导图 用于参考