jQuery(01入门&选择器)

                                一、了解3W1H

3W1H分别是:what、why、where、how;

1.1what:jQuery是什么?

jQuery是一个快速、简洁的JavaScript框架。

1.2why:为什么要学jQuery?

jQuery设计的宗旨是"write less,do more",即写更少的代码，做跟多的是

它封装javaScript常用的功能代码，提供一种简便的JavaScript设计模式。

1.3where:在哪些情况下用？

1.中大型网站的开发

2.一些前端框架的基础，比如EasyUI

1.4How:怎么用？

工具：HBuilder

        点击按钮获取文本框的值(JavaScript)

        

 代码如下:

 注意：本文举例所用版本为JQuery-3.3.1的开发版本(可从jquery官网下载)

        js和jQuery的写法不一样,js不用调用外部js

        而jQuery需要调用外部js       

                               二、jQuery选择器 

2.1-2.2基本选择器 -层次选择器      

常用选择器：

        ID选择器：#ID

        类选择器：.class

        元素选择器：element

        通配符：*

        多个选择器（并集）：selector1,selector2

        多个选择器（交集）：selector1 selector2(这个的中间是空格)

        先后关系、父子关系、兄弟关系都如图下所示

示例代码：

 2.3过滤选择器(可参考jQuery文档）

        获取第一个元素：first

        最后一个元素：last

        获取偶数下标的元素：even

        获取奇数下标的元素：odd

        获取某一范围元素：

        gt:大于        lt:小于

 

使用过滤选择器，选择li中的元素

2.4表单选择器

        获取选择单选框的值

        获取选择多选框的值

        获取选择下拉值

案例：获取表单中的单选、多选、下拉值

 代码如下:

 拿值代码

最后的知识总结大家可以参照参照

 

 以上就是今天分享的内容了，今天的主要内容是jQuery入门知识点

喜欢博主的可以关注一波，期待下次再与大家分享！！