jQuery是JavaScript库中的优秀一员。
下载完jQuery框架文件jquery-1.9.0.js 后,不需要任何安装,仅需使用<script>文件导入标记,将该框架文件导入页面中即可。假设该文件保存在项目文件夹WebContent的子文件js中,那么,在页面的<head></head>中加入如下代码:
即可。
下面给出一个简单的jQuery程序。
Insert title here
前两个在页面框架下载完毕后就执行,而第三个必须在页面全部加载完毕后才能执行。
jQuery访问DOM对象(Document Object Model)
Insert title here 测试文本
即,jQuery通过 $(“#id”) 获得相应对象。
对于获取对象中的内容或文本框的值等,JavaScript和jQuery采用的方法分别如下:
JavaScript: var divTmp=document.getElementById("divTmp").innerHTML; document.getElementById("divTip").innerHTML="hello"; var oTxtValue=document.getElementById("Text1").value;
jQuery: "#divTip").html("hello"
对于click函数,JavaScript和jQuery采用的方法分别如下:
JavaScript的方法:
jQuery的方法: