JavaScript-jQuery01

jQuery的封装原理

简介

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

特点

  1. 支持各种主流浏览器
  2. 语法简单
  3. 拥有丰富的插件

使用

  • 引入jQuery文件
    • jQuery的封装原理
    • jQuery的选择器
    • jQuery操作元素的属性
    • jQuery操作元素的样式和内容
    • jQuery操作元素的文档结构
    • jQuery中的事件
    • jQuery中的动画效果

封装原理

1、js的全局代码区只有一个,这样就会造成同名变量的值会被覆盖
2、使用对象封装,将代码封装到对象中,但是如果对象被覆盖,则全部失效,风险极高
3、使用工厂模式,将代码进行封装,但是并没有解决问题
4、将封装的函数名去除,避免覆盖,但是函数没有办法被调用
5、匿名自调用,可以在页面加载的时候调用一次,但是不能重复调用,并且数据没有办法获取
6、使用闭包,将数据一次性挂载到window对象下

闭包原理:在全局区中不能够获取函数体内的数据,使用更大作用域的变量来记录小作用域变量的值

发布了8 篇原创文章 · 获赞 1 · 访问量 69

猜你喜欢

转载自blog.csdn.net/weixin_44172800/article/details/104042416