JQuery的一些思想,自己的一些见解!!!!
2024-08-25 07:50:07
自己总结了一下JQuery底层的一些思想,纯属于个人见解。。
为了方便描述,现在客户假如给了我们一个需求:
页面上有两个按钮,一张图片,当我点击hidden按钮时隐藏图片,当我点击show按钮时显示图片。假如让你做你会如何去实现这个需求呢??
方法一:利用DOM技术去定位到按钮,当点击按钮时触发JS onclick事件进而引发一个函数,在函数中利用DOM定位图片的位置,然后修改图片的visibility属性即可。
》》改进
方法二:方法一是可以完成,但是在操作上比较繁琐。这时候我们想起了面向对象,我们可以将页面上的图片封装起来并为该图片有两个行为,即"show"和"hidden";当点击按钮时触发JS onclick事件 进而引发一个函数,在函数中我们实例化出图片对象,调用该对象的行为("show","hidden")即可。
》》改进
方法三:方法二对方法一进行了封装,简化了一部分代码,但是我们都是非常懒的人,还是觉得代码太长,写起来不方便,那我们该怎么办呢?对!!就是将Javascript再次进行封装,封装完之后我们只需要按照自己的规则去写代码就行了。例如$("#ID"),它的本质是一个函数,$其实只是一个方法名而已,#ID是函数的形参,这样做给了我们一个假象,就是只需要调用这个函数就能够定位到某个节点,其实归结到底层的实现,它仍然用的是一些比较传统的形式,类似于document.getElementById();document.getElementsByTagName();document.ElementsByName();
最新文章
- struts2 s:file标签使用及文件上传例子
- [wxWidgets] 2. 重访“Hello World” 程序
- 解析html并使用canvas进行渲染
- Liferay 6.2 改造系列之二十:修改默认添加用户权限及用户是否拥有个人站点的配置
- 纯CSS实现图片抖动
- lodash源码分析之自减的两种形式
- 撸一撸Spring Cloud Ribbon的原理-负载均衡器
- Linux 基本bash命令
- python数据类型之基础进阶
- 怎样使用C# MD5加密来增强密码的安全度
- parrotsec 和 kali安装系统的时候出现“executing grub-install dummy”的解决方案
- windows下pwd、ls、tail-f命令使用
- 【转】non-blocking REST services with Spring MVC
- Win10开发环境配置
- python 查找字符串中字母的个数
- mormot当作内存数据库(缓存)使用
- Scala之集合Collection
- python学习之str.lstrip()
- rdlc报表集锦
- Android控件使用自定义字体