首页 > 代码库 > JQuery了解

JQuery了解

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库,这样

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

 

JQuery了解