码迷,mamicode.com
首页 > Web开发 > 详细

JQuery学习总结

时间:2015-02-08 21:54:06      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:bs   jquery   

What  is jQuery?         

         jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.

特点:     

       Write less,Do more

        jQeury is designed to change the way whta you write JavaScirpt;

       以强大的CSS选择器为基础,几乎所有操作都先使用选择器查找DOM对象,然后对齐进行各种操作。

      屏蔽浏览器差异,对DOM的操作提供了方便的扩展,易用的事件处理API和动画API.

使用方法:

在需要使用jQuery的页面中引入jQuery的js文件即可

<script type="text/javascript" src="js/jquery.js"></script>

jQuery对js开发四部分的完美实现

对于JS来说

1,、对于j查找DOM元素进行取值和赋值的操作、在特定节点位置进行内容的取值和复制操作。

2、针对元素进行事件监听。

3、通过操作DOM节点结合改变元素的CSS样式,达到绚丽的动画效果。

4、对DOM元素进行Ajax操作。

对于jQuery来说

1、jQuery拥有强大的选择器,可以查找任意的DOM元素。同时jQuery对象实现链式语法,能够很方便的写出强大的操作。比如操作属性:

     $("#chkbox").attr("checked","checked").attr("disabled","disabled").可以这样继续链接下去,包括增加事件、样式等操作。

2、在页面加载时给DOM绑定事件。$("chkbox").click(function(){alert("hello jquery");});

3、show()和hide()是jQuery中最基本的动画。对元素显示和隐藏,通过fadeOut和fadeIn可以实现淡出淡入的效果。

4、$.ajax(options)是jQuery中最底层的Ajax实现。还可以使用$.get()或$.post()实现Ajax请求。

待续。。。


JQuery学习总结

标签:bs   jquery   

原文地址:http://blog.csdn.net/lxy344x/article/details/43645005

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!