首页
前端开发
Javascript
探秘 jQuery：你的 JavaScript 简化利器

探秘 jQuery：你的 JavaScript 简化利器

29 次浏览 0 条评论
chm
chm

快速上手 jQuery

核心函数

  • $()： 你可以用它来根据表达式 (expr)、HTML 片段 (html) 或者现有的 DOM 元素 (elements) 创建新的 jQuery 对象。它也接受回调函数 (callback)，在 DOM 加载完成后执行。

操作 jQuery 对象

  • each(callback): 遍历 jQuery 对象中的每一个元素，并对每个元素执行回调函数。
  • size(): 获取 jQuery 对象中元素的数量，等同于 .length 属性。
  • selector: 返回用于创建当前 jQuery 对象的选择器表达式。
  • context: 返回当前 jQuery 对象的操作上下文，通常是一个 DOM 元素。
  • get(): 获取 jQuery 对象中所有 DOM 元素，返回一个数组。
  • get(index): 获取 jQuery 对象中指定索引的 DOM 元素。
  • index(subject): 返回指定元素在 jQuery 对象中的索引位置。

数据缓存

  • data([name] , [value]): 在元素上存储或读取数据。
  • data(obj): 使用一个对象来存储多个数据。
  • removeData(name): 移除指定名称的数据。
  • $.data([el], [key], [val]): 在元素上存储或读取数据，可指定元素、键和值。

队列控制

  • queue(name ,[cb|queue]): 操作元素上的动画队列。
  • dequeue(name): 执行并移除队列中的下一个函数。
  • clearQueue([queueName]): 清空指定队列。

插件机制

  • jQuery.fn.extend(object): 扩展 jQuery 对象的方法。
  • jQuery.extend(object): 扩展 jQuery 本身的方法。

多库共存

  • jQuery.noConflict([ex]): 将 $ 变量的控制权交还给其他库。
chm 文件大小：233.62KB