jQuer简介及$和val的使用

jQuery简介

jQuery是一个轻量级的，轻巧的，快速的，功能强大的javascript库，主要是遍历操作html文档事件访问，是一个工具库

我们先来下载一下jQuery：

下载地址：https://jquery.com/

在这提供了未压缩和压缩两个版本

压缩版：利于生产的版本

未压缩版：用于开发的

如果官网下载慢或者打不开

可在公众号回复”jQuery下载”

即可获取这两个jquery文件

下载好后将这两个文件放在项目路径下

新建一个文件夹vendor，将两个文件复制进去

先来看什么是$符：

新建一个html文件，要想使用jquery，必须先引入这jq文件：

我们运行一下，进入控制台，在console中输入一个$符，按回车：

可以看出这个$符就是一个函数，这个函数就是jquery的构造函数

我们可以看一下，$和jQuery的关系：

返回true

也就是说$就是jQuery，jQuery就是$，$只是jQuery的简写

jQuery_html_val

既然知道了$就是jQuery，那么我们就可以通过$做很多事

首先，我们可以用$在页面上选取元素

例如，页面上有1个ul和5个li，我们要选取所有的li并且修改：

所有的li都变为了666运行结果如下：

这就是$符选择器的用处

那我们选中这个选择器后，它都能做哪些事情？

1.操作它们的属性

2.添加动画效果

3.遍历元素相关的其他元素及dom操作、ajax和事件

再来获取innerHTML下的ul内容：

运行结果如下：

以上就是设定和取得innerHTML

可以通过属性用来监听事件：

例如监听键盘抬起事件：

运行结果，当选中文本框按下任意键盘再抬起时，就会弹出按下的键：

例如我们想在文本框中输入内容后默认加上px：

运行结果如下：

以上就是$和val的使用

- 写作不易，大家多多关注，谢谢啦-

---web分享，分享的不只是web