jQuery
jQuery,顾名思义,也就是JavaScript和查询(Query),即是辅助JavaScript开发的库。在JS基础上进行封装
JQuery版本区别:
1...适合所有的IE
2...只支持IE9以上的浏览器
特点:
- 动态特效
- AJAX
- 通过插件来扩展
- 方便的工具 - 例如浏览器版本判断
- 渐进增强
- 链式调用
- 多浏览器支持,支持Internet Explorer6.0+、Opera9.0+、Firefox2+、Safari2.0+、Chrome1.0+(在2.0.0中取消了对Internet Explorer6,7,8的支持)
优点:
- 解决了兼容性问题
- 编写的JS代码简洁
- 文件小
- 应用广泛
通过 jQuery,使用 toggle() 方法来切换 hide() 和 show() 方法。
显示被隐藏的元素,并隐藏已显示的元素:
$("button").click(function(){ $("p").toggle(); });
通过 jQuery,实现元素的淡入淡出效果。
jQuery 拥有下面四种 fade 方法:
- fadeIn()---淡入已隐藏的元素。
$(selector).fadeIn(speed,callback);
- fadeOut()---淡出可见元素。
- fadeToggle()----在 fadeIn() 与 fadeOut() 方法之间进行切换。
- fadeTo()----允许渐变为给定的不透明度(值介于 0 与 1 之间)。
$(selector).fadeTo(speed,opacity,callback);