首页 > 代码库 > 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了解