JQuery的一些思想,自己的一些见解!!!!
2016-06-14 13:09
489 查看
自己总结了一下JQuery底层的一些思想,纯属于个人见解。。
为了方便描述,现在客户假如给了我们一个需求:
页面上有两个按钮,一张图片,当我点击hidden按钮时隐藏图片,当我点击show按钮时显示图片。假如让你做你会如何去实现这个需求呢??
方法一:利用DOM技术去定位到按钮,当点击按钮时触发JS onclick事件进而引发一个函数,在函数中利用DOM定位图片的位置,然后修改图片的visibility属性即可。
》》改进
方法二:方法一是可以完成,但是在操作上比较繁琐。这时候我们想起了面向对象,我们可以将页面上的图片封装起来并为该图片有两个行为,即"show"和"hidden";当点击按钮时触发JS onclick事件 进而引发一个函数,在函数中我们实例化出图片对象,调用该对象的行为("show","hidden")即可。
》》改进
方法三:方法二对方法一进行了封装,简化了一部分代码,但是我们都是非常懒的人,还是觉得代码太长,写起来不方便,那我们该怎么办呢?对!!就是将Javascript再次进行封装,封装完之后我们只需要按照自己的规则去写代码就行了。例如$("#ID"),它的本质是一个函数,$其实只是一个方法名而已,#ID是函数的形参,这样做给了我们一个假象,就是只需要调用这个函数就能够定位到某个节点,其实归结到底层的实现,它仍然用的是一些比较传统的形式,类似于document.getElementById();document.getElementsByTagName();document.ElementsByName();
为了方便描述,现在客户假如给了我们一个需求:
页面上有两个按钮,一张图片,当我点击hidden按钮时隐藏图片,当我点击show按钮时显示图片。假如让你做你会如何去实现这个需求呢??
方法一:利用DOM技术去定位到按钮,当点击按钮时触发JS onclick事件进而引发一个函数,在函数中利用DOM定位图片的位置,然后修改图片的visibility属性即可。
》》改进
方法二:方法一是可以完成,但是在操作上比较繁琐。这时候我们想起了面向对象,我们可以将页面上的图片封装起来并为该图片有两个行为,即"show"和"hidden";当点击按钮时触发JS onclick事件 进而引发一个函数,在函数中我们实例化出图片对象,调用该对象的行为("show","hidden")即可。
》》改进
方法三:方法二对方法一进行了封装,简化了一部分代码,但是我们都是非常懒的人,还是觉得代码太长,写起来不方便,那我们该怎么办呢?对!!就是将Javascript再次进行封装,封装完之后我们只需要按照自己的规则去写代码就行了。例如$("#ID"),它的本质是一个函数,$其实只是一个方法名而已,#ID是函数的形参,这样做给了我们一个假象,就是只需要调用这个函数就能够定位到某个节点,其实归结到底层的实现,它仍然用的是一些比较传统的形式,类似于document.getElementById();document.getElementsByTagName();document.ElementsByName();
相关文章推荐
- 你不需要jQuery(三) 新AJAX方法fetch()
- 深入理解jQuery 事件处理
- jQuery 语法
- 使用jquery获取url及url参数的简单实例
- JQuery应用笔记【持续更新】
- JQuery中根据属性或属性值获得元素
- JQuery 拖拽div
- 在模板中写jquery怎么用到session中的值
- jQuery.Validate
- jquery easyui combotree取值
- 自定义验证jquery.validate
- jQuery 重要的知识点归纳
- jquery插件集
- jquery之empty()与remove()区别
- jQuery实例―选项卡的简单实现(js源码和jQuery)
- js和jquery实现简单的选项卡
- jQuery之动画效果
- jQuery会不会过时
- jQuery.Callbacks()回调函数队列用法详解
- 详细解读Jquery各Ajax函数