Javascript之jQuery学习总结(共2页).docx

精选优质文档-倾情为你奉上Javascript之jQuery学习总结三个学期来，我小组按照自己的分工，各自展开了自己的学习与实践。而作为小组成员之一，我主要负责网页的动态的效果。通过前期的了解和咨询，我选定了javascript当中的jQuery框架作为主要学习的方向，以下就是我对javascript及jQuery学习的一些认知和总结。JS主要是做界面的.用于客户端也就是浏览器端上执行的脚本开发。可以使网页有动态的效果（特效，如：图片、文字的滚动；层的动态切换，显示及隐藏；对html元素的操作；动态的对html内容修改；动态的修改CSS样式；实现如下拉列表的连动 等等.），可以进行表单的输入验证（如：邮箱、电话、邮编的合法性，输入内容长度及内容验证等）。而作为一个优秀的Javascript框架，jQuery兼容CSS3，还兼容各种浏览器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。通过学习我们知道，JavaScript开发基本可以分为以下四个部分： 、1、查找DOM元素进行取值和赋值的操作、在特定节点位置进行内容的取值和赋值操作（innerHTML）。 2、针对 元素进行事件监听。 3、通过操作DOM节点结合改变元素的CSS样式，达到绚丽的动画效果。 4、对DOM元素进行Ajax操作。而 对于jQuery来说，可以对这四部分提供完美的实现： a、jQuery拥有强大的选择器，可以查找任意的DOM元素。同时jQuery对象实现链式语法，能够很方便简洁的写出强大的操作。 b、在页面加载时给DOM绑定事件。$("#chkbox").click(function() alert("hello jquery!"); ); c、show()和hide()是jQuery中最基本的动画。对元素显示和隐藏，当然，我们还可以实现其它的更复杂的动画。 d、$.ajax(options)是jQuery中最底层的Ajax实现。除此之外，还可以使用$.get()或$.post()实现Ajax请求。我们为了使网站更加绚丽，并且使网站与访问者有比较多的互动，我们主要运用到了实现动画效果和为网站提供AJAX交互。在该项目中我们主要用jQuery实现了一下几点：1. 利用jQuery插件，实现图片随滚动条渐显的华丽效果。2. 利用jQuery实现ajax，完成了用户名注册，用户名是否存在的检验，用户登录以及防暴力破解。3. 利用jQuery实现了单位换算器。 专心-专注-专业