【无标题】jQuery01入门&选择器

 

一、3W1H 

                什么是3W1H呢？他们分别是 What、 Why、 Where、How

                1.1：What：jQuery是什么？

                            jQuery是一个快速的、简洁的JavaScript框架，简单来说就是JavaScript的一个类库，里面封装了很多常用的功能代码。

               1.2：Why：为什么使用jQuery？

                            jQuery的设计宗旨是“Write  Less  Do  More”，既提倡写更少的代码，做更多的事！所以我们使用jQuery会使我们的代码简便快捷更加适用于我们开发。

               1.3：Where：jQuery什么时候用？

                        1.3.1中大型网站的开发。

                        1.3.2是一些前端框架的基础，比如说EasyUI、Bootstrap。

                1.4：How：jQuery怎么使用？

案例1：对比js和jQuery

 

 

案例2.1基本选择器

标签选择器

类选择器

id选择器

 

案例2.2层次选择器

 

 案例2.3过滤选择器

找到第一个：first

找到最后一个：last

偶数下标：even

奇数下标：odd

小于：gt

大于：lt

介于：用lt（）和gt（）的组合

 

 

 案例5

表格换色

代码展示

 

2.4表单选择器 

checked：单选框 复选框 让其选中

select 给下拉框赋值

 

底层代码展示