摘 要:jQuery是新兴的JavaScript框架,它精准简单的查询和精彩多样的插件使其在网页美工设计中有着不俗的功用。本文结合实例介绍了jQuery技术在网页美工中的使用。主要包括对jQuery使用方法的简介以及一些网页特效实例的简介。
关键词:jQuery;JavaScript
JQuery是一款免费且开放源代码的JavaScript代码库。作为继prototype之后又一个优秀的JavaScript框架,JQuery以其短小精悍的类库,正逐渐被越来越多的网页美工设计者所喜爱。
秉承“Write less,Do More”的宗旨,jQuery以其简明通俗的语法风格使用户更方便的处理HTML documents、events、实现动画效果,并且方便地为网站提供Ajax交互。同时jQuery提供给用户许多成熟的插件,使用便捷且能带给使用者不一般的视觉冲击。
1. jQuery使用环境搭建
jQuery是轻量级的js库(压缩后只有21k),它兼容CSS3,还兼容各种浏览器(IE6.0+,FF 1.5+,Safari 2.0+,Opera 9.0+)。只需将其嵌入HTML脚本或者CSS样式表中即可,但必须要链接到Jquery库。
在此只详细说明让Dreamweaver支持jQuery自动提示代码功能的步骤。
要让Dreamweaver支持jQuery自动提示代码功能,只需下载一个插件——jQuery_API.mxp。在Dreamweaver里依次选择“命令”—>“扩展管理”—>“安装扩展”,就会自动安装了。成功后重启Dreamweaver,就可以了。
2. jQuery 语法简介
2.1 Jquery精准简单的选择器
无论是prototype还是DWR都使用了美元符号“$”代替频繁的document.getElementById()操作。jQuery也是如此,但它的功能远非如此。下面的代码示例将向你展示它的美妙之处:
$(‘#element’);//相当于document.getElementById(“element”)
$(‘.element’);//Class
$(‘p’);//html标签
$(“tr:odd”).css(“background-color”,”#bbbbff”);//表格的隔行背景
$(“form>input”);//子对象
$(“div,span,p.myClass”);//同时选择多种对象
$(“:input”);//表单对象
$(“input《jQuery权威指南》 陶国荣编著 机械工业出版社