接下来,我讲封装一个仿jQuery的库,主要包含jQuery中绑定,css,等方法,我讲它定义为 "HQuery"
jQuery中的 $ 符号意味着什么?
先思考一下jQuery库中alert(typeof $)的结果,它是一个对象,也是一个函数
所以美元符$字面上是jQuery,其实就是一个jq对象,里面可以接受函数,字符串,还要一种是对象(比如this)
给自己的Hquery填加$符号:
Hquery是基于面向对象实现的,所以我们需要先写构造函数,为了方便遍历和其他方法的操作,所有内容返回到一个数组中,这个数组衣服于Hquery对象存在,之后将为这个Hquery对象属性添加方法
我们使用Hquery操作DOM等实现一系列的功能,选择器是必不可少的,所有我们首先封装好选择器,这样就可以能省去document.getElementsByClass等等麻烦的操作
其他的方法,我就不一一介绍了,下面直接给大家上一个多种方法封装好的,大家k'y
您可以到jQuery的官网下载jQuery框架,根据情况下载不同的版本(不同的版本,对浏览器的支持程度不太一样);
在页面中引入jQuery,就可以直接使用jQuery了;;
虽然引入了jQuery,但是还需要你自己去写JavaScript。jQuery只是集成了大量的方法,类似一个功能库,比如添加类只需要用addClass()的方法就行了,而且该方法的兼容性jQuery也帮你解决了。
使用jQuery的简单demo
<img id="imgauto" /><script type="text/javascript">
document.getElementById("imgauto").src = new Date().getDate() + ".JPG"
</script>