自己总结了一下JQuery底层的一些思想,纯属于个人见解。。

为了方便描述,现在客户假如给了我们一个需求:

页面上有两个按钮,一张图片,当我点击hidden按钮时隐藏图片,当我点击show按钮时显示图片。假如让你做你会如何去实现这个需求呢??

方法一:利用DOM技术去定位到按钮,当点击按钮时触发JS onclick事件进而引发一个函数,在函数中利用DOM定位图片的位置,然后修改图片的visibility属性即可。

  》》改进

方法二:方法一是可以完成,但是在操作上比较繁琐。这时候我们想起了面向对象,我们可以将页面上的图片封装起来并为该图片有两个行为,即"show"和"hidden";当点击按钮时触发JS onclick事件    进而引发一个函数,在函数中我们实例化出图片对象,调用该对象的行为("show","hidden")即可。

  》》改进

方法三:方法二对方法一进行了封装,简化了一部分代码,但是我们都是非常懒的人,还是觉得代码太长,写起来不方便,那我们该怎么办呢?对!!就是将Javascript再次进行封装,封装完之后我们只需要按照自己的规则去写代码就行了。例如$("#ID"),它的本质是一个函数,$其实只是一个方法名而已,#ID是函数的形参,这样做给了我们一个假象,就是只需要调用这个函数就能够定位到某个节点,其实归结到底层的实现,它仍然用的是一些比较传统的形式,类似于document.getElementById();document.getElementsByTagName();document.ElementsByName();

最新文章

  1. struts2 s:file标签使用及文件上传例子
  2. [wxWidgets] 2. 重访“Hello World” 程序
  3. 解析html并使用canvas进行渲染
  4. Liferay 6.2 改造系列之二十:修改默认添加用户权限及用户是否拥有个人站点的配置
  5. 纯CSS实现图片抖动
  6. lodash源码分析之自减的两种形式
  7. 撸一撸Spring Cloud Ribbon的原理-负载均衡器
  8. Linux 基本bash命令
  9. python数据类型之基础进阶
  10. 怎样使用C# MD5加密来增强密码的安全度
  11. parrotsec 和 kali安装系统的时候出现“executing grub-install dummy”的解决方案
  12. windows下pwd、ls、tail-f命令使用
  13. 【转】non-blocking REST services with Spring MVC
  14. Win10开发环境配置
  15. python 查找字符串中字母的个数
  16. mormot当作内存数据库(缓存)使用
  17. Scala之集合Collection
  18. python学习之str.lstrip()
  19. rdlc报表集锦
  20. Android控件使用自定义字体

热门文章

  1. JavaScript效果下载网站!
  2. VS2008 没办法太强大了
  3. echarts源码中关于 判断平台的有用代码
  4. luogu 1969 积木大赛
  5. VIM的修炼等级
  6. syslog/rsyslog的使用
  7. Java发送邮件----自己封装的方法
  8. RecyclerView的Item和Item内的控件点击处理
  9. react Native 运行报错之一 gradle-2.14.1-all解压失败的问题
  10. mysql查询练习题