JQuery了解

Posted 2020-09-19 白白胖胖的空格

javascript

说道jquery 就不得不提到 javascirpt，在这个前端飞速发展的时代，javaScript的崛起就起到了很重要的推进作用，那么什么是javascript

这个我自己应该很清楚，就是帮助渲染页面，来帮助html页面增加特效，最初的javascript 目的很单纯，渲染页面，和dom元素进行交互

但是如今javascipt逐渐走到了后端，那么这里不仅仅提供上述这些功能，还需要来进行数据绑定，动态提交，因此javascipt就提供了更多

的功能，

JQuery

那么JQuery是什么，传统的javascipt可能代码有些复杂，那么，就有高人出来进行优化，简化，封装，然后JQuery就诞生了，那么JQuery主要

有什么作用呢

选择器

就是我们所说的常用的选择器，这里说一些常见的，id选择器 类选择器 元素选择器

${"#myDiv"} id选择器   ${".myClass"}类选择器 ${div}元素选择器，当然这些都是简单的，还有层级，属性，表单等等

属性

这里就是jquery提供的方法，因为封装javascript ，无非就是function 和 attr ，因此jquery提供了很多属性，其实就是一些方法

obj  = ${}这里我们先模拟获取了对象

obj.html() 追加html元素   obj.text() 添加文本 obj.val()给元素一个值 obj.attr()元素的属性

Dom处理

这里就是针对 jquery获取的对象，然后进行dom操作，也就是document的增加，例如

插入 obj.append()追加 obj.replaceAll() obj.remove() obj.clone()

事件

同样为了交互当然也会提供一些事件

页面载入，事件处理，事件委派，等

效果

一些基本的页面渲染，

AJAX

！这个可以说是我们的javascript中的常用内容，尤其是我们后端程序员熟练的内容，利用ajax可以对后台服务器的url进行请求，然后

通过得到的数据来进行前台页面的再次渲染，因此AJAX十分重要

其实就是一个方法    $.ajax() 但是这个方法的参数十分灵活，因此导致行为变化也会很大

举个例子吧

$.ajax({
   type: "POST",
   url: "some.php",
   data: "name=John&location=Boston",
   success: function(msg){
     alert( "Data Saved: " + msg );
   }
});

　　

插件

这个就是对jquery进行的扩展，增加更多的功能

例如，JQuery验证框架

　　   JQuery自动补全

很多，其实JQuery一定要了解，并且知晓 ，因为现在很多流行的javascript都是通过对JQuery在进行扩展，然后形成了新的js库，这样

支持的内容就更加丰富，用户也喜欢使用