学习Jquery

标签：

　　在学习了bootstrap后，又学习了一个强大的js库——JQuery

　　JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需要定义id即可。

　　JQ的特点：

1. jQ是在js基础上进行的封装，可以相互转换，不是全新的语言；

2. jQ最核心的理念就是“用最少的代码，做最多的事情”“write less do more”；

3. JQ最大特点就是具有强大的兼容性，不在为各种浏览器兼容性问题而费神费力；

4. jQ使用的是链式写法，可以把多行代码写在一行，方便简洁；

5. JQ还简化了js操作css的代码，并且代码的可读性也比js要强；

6. JQ简化了AJAX操作，后台只需返回一个JSON格式的字符串就能完成与前台的通信。

7. JQuery提供了扩展接口：JQuery.extend(object),可以在JQuery的命名空间上增加新函数。JQuery的所有插件都是基于这个扩展接口开发的；

8. JQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前台页面上的组件都有对应插件，并且用JQuery插件做出来的效果很炫，并且　　可以根据自己需要去改写和封装插件，简单实用。

jQ基本使用方法：

1. 不能使用js里的属性和方法，要使用jQ自己的方法；
2. 运用html：使用jq要转化成jq对象：jQuery（"#da").html("DIV内容")；JQuery可以写成$符号；注意这里不用innerHtML了；
3. 输入框可以使用,即可以设置，页可以获取：
    3. 获取：$("input[tyoe=text]").val();
    4. 设置：$("input[tyoe=text]").val(“输入框”)
4.  运用css：$("#d1").css("backgroundcolor":"red","width":100px,"height":"100px");也可以：$("#d1").attr("class","div")
5.  任意一个js对象都可以转化为jQ对象；$(d1).html("div内容“）
6.  转换方法：JQ——js：$（）——get()

学习Jquery

标签：

原文地址：http://www.cnblogs.com/gong-ping/p/4712240.html