2021-05-18

                      认识jQuery

最近呢，也是学到了jQuery，关于jQuery，它是一个快速的、简介的JavaScript框架，是一个优秀的JavaScript代码库，它的宗旨是写更少的代码，做更多的事情，核心特性为独特的链式语法和短小清晰的多功能接口，具有高效灵活的CSS选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。

通过引入JQ插件，跟JavaScript一样，需要在<script></script>标签写入代码，它的写法也是跟JavaScript非常相似，JavaScript能做到的，jQuery也同样能做到，并且jQuery它的代码写起来也是比JavaScript短许多，用起来也是非常的方便。

同样的事件，JavaScript的代码：

 

而jQuery的代码：

 

写jQuery时，记得引入插件（jQuery库），网上非常多的jQuery插件，版本虽然不同，但是并不会影响运用

jQuery库包含许多特性：HTML元素选取、HTML元素操作、CSS操作、HTML事件函数、JavaScript特性和动画、HTML DOM遍历和修改等等

jQuery语法：它是为HTML元素的选取编制的，可以对元素执行某些操作，基础语法$（“selector”）.action（）

$美元符合定义jQuery

选择符（“selector”）“查询”和“查找”HTML元素

jQuery的action（）执行对元素的操作

jQuery用于可操作HTML元素和属性的强大方法 DOM操作

获得内容text（）、HTML（）和val（）

这都可用于DOM操作

Text（）：设置或返回所选元素的文本内容

 

HTML（）：设置或返回所选元素的内容（包括HTML标记）

 

Val（）：设置或返回表单字段的值

 

 

jQuery attr（）方法用于获取属性值

 

添加元素/内容：

prepend（）方法在被选元素的开头插入内容

append（）方法在被选元素的结尾插入内容

删除元素/内容：

remove（）方法删除被选元素及其子元素

empty（）方法删除被选元素的子元素‘’

‘’jQuery操作CSS

addClass（）向被选元素添加一个或多个类

removeclass（）从被选元素删除一个或多个类

toggleClass（）对被选元素进行添加/删除类的切换操作

CSS（）设置或返回样式属性

jQuery遍历，也是移动的意思，用于根据相对于其他元素的关系来查找HTML元素

jQuery虽然能写少许多代码，但是学习jQuery的同时，也不能忘记原生的JavaScript写法