在学习了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()