一、什么是jQuery?
刚接触这个词语是,都会带给我们一种陌生的感觉,会让我们产生好奇心,等不耐烦的同学就会到百度查找这个词语的相关资料。
其中我也不例外:
红色表名的字体是比较重要的字眼。简单来说,jQuery就是一个快速、简洁的JavaScript框架,倡导写更少的代码,做更多的事情,又一个优秀的JavaScript代码库。
二、怎么配置它的环境。
输入www.jQuery.com网址,进入到官方网站。
会看到下面的页面,根据我框框选中的下载就行了。
下载完会看到
在导入之前,在你的项目中创建一个包,名为(js)
然后把你下载后的包,直接拉在js的目录下就OK了。
三、我们创建一个jQuery.jsp文件来简单的显示一下
在我们打代码之前,先链接到这个包
我们来弄一个简单的点击div弹出对话框,对话框正好是div里面的内容
代码段:
<script type="text/javascript">
$(function(){
$("#a1").click(function(){
alert($(this).text());
});
});
</script>
<body>
<div id="a1"></div>
</body>
四、有些童鞋看到这些代码,会有一个困惑,我改如何写代码而不会出现漏括号或者分号呢
第一步,先写$(function(){});,然后在花括号里面按回车。
第二步,第一步回车后就接着在里面打代码,代码段为:$("#a1").click(function(){});,然后也在花括号里面按回车。
第三步,在光标里面输入alert($(this).text());代码段,然后演示结束。
下一章节,将会深入地介绍选择器和工厂函数。