jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。
它是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。
jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。
在没有使用jq之前,为了实现诸如无缝滚动、下拉菜单、图片等比例缩放时要使用很多代码,甚至定义很多ID、在页面里写javascrip,对于代码的维护和css语义都很不友好
使用这个jQuery之后,代码变得异常简单,并且速度很快,能将表现与结构完美地分离:
使用方法:
首先在header中引用jquery
下面的代码按照需要选择性引用
页面结构代码:
无缝滚动地方的代码:
- 我要滚动
- 我要滚动
- 我要滚动
- 我要滚动
图片等比例缩放代码:
下拉菜单: