jQuery UI API 类别 - 方法重载（Method Overrides）

骑猪看日落 2024-03-24 13:43 12阅读 0赞

jQuery UI 重载了几个内置的 jQuery 方法，以提供额外的功能。当使用这些重载时，确保加载 jQuery UI 是很重要的。如果 jQuery UI 未加载，方法依然存在，但预期的功能将不可用，这会导致难以追踪的错误。

<table> 
 <tbody> 
  <tr> 
   <th>API</th> 
   <th>描述</th> 
   <th>也属于类别</th> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jqueryui/api-addClass.html" title=".addClass()" rel="nofollow">.addClass()</a></td> 
   <td>当动画样式改变时，为匹配的元素集合内的每个元素添加指定的 Class。</td> 
   <td><a href="https://www.runoob.com/jqueryui/ref-effects.html" title="特效（Effects）" rel="nofollow">特效（Effects）</a>&nbsp;|&nbsp;<a href="https://www.runoob.com/jqueryui/ref-effects-core.html" title="特效核心（Effects Core）" rel="nofollow">特效核心（Effects Core）</a></td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jqueryui/api-focus.html" title=".focus()" rel="nofollow">.focus()</a></td> 
   <td>异步聚焦到一个元素。</td> 
   <td><a href="https://www.runoob.com/jqueryui/ref-methods.html" title="方法（Method）" rel="nofollow">方法（Method）</a>&nbsp;|&nbsp;<a href="https://www.runoob.com/jqueryui/ref-ui-core.html" title="UI 核心（UI Core）" rel="nofollow">UI 核心（UI Core）</a></td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jqueryui/api-hide.html" title=".hide()" rel="nofollow">.hide()</a></td> 
   <td>使用自定义效果来隐藏匹配的元素。</td> 
   <td><a href="https://www.runoob.com/jqueryui/ref-effects.html" title="特效（Effects）" rel="nofollow">特效（Effects）</a>&nbsp;|&nbsp;<a href="https://www.runoob.com/jqueryui/ref-effects-core.html" title="特效核心（Effects Core）" rel="nofollow">特效核心（Effects Core）</a>&nbsp;|&nbsp;<a href="https://www.runoob.com/jqueryui/ref-methods.html" title="方法（Method）" rel="nofollow">方法（Method）</a></td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jqueryui/api-position.html" title=".position()" rel="nofollow">.position()</a></td> 
   <td>相对另一个元素定位一个元素。</td> 
   <td><a href="https://www.runoob.com/jqueryui/ref-methods.html" title="方法（Method）" rel="nofollow">方法（Method）</a>&nbsp;|&nbsp;<a href="https://www.runoob.com/jqueryui/ref-utilities.html" title="实用工具（Utilities）" rel="nofollow">实用工具（Utilities）</a></td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jqueryui/api-removeClass.html" title=".removeClass()" rel="nofollow">.removeClass()</a></td> 
   <td>当动画样式改变时，为匹配的元素集合内的每个元素移除指定的 Class。</td> 
   <td><a href="https://www.runoob.com/jqueryui/ref-effects.html" title="特效（Effects）" rel="nofollow">特效（Effects）</a>&nbsp;|&nbsp;<a href="https://www.runoob.com/jqueryui/ref-effects-core.html" title="特效核心（Effects Core）" rel="nofollow">特效核心（Effects Core）</a></td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jqueryui/api-show.html" title=".show()" rel="nofollow">.show()</a></td> 
   <td>使用自定义效果来显示匹配的元素。</td> 
   <td><a href="https://www.runoob.com/jqueryui/ref-effects.html" title="特效（Effects）" rel="nofollow">特效（Effects）</a>&nbsp;|&nbsp;<a href="https://www.runoob.com/jqueryui/ref-effects-core.html" title="特效核心（Effects Core）" rel="nofollow">特效核心（Effects Core）</a>&nbsp;|&nbsp;<a href="https://www.runoob.com/jqueryui/ref-methods.html" title="方法（Method）" rel="nofollow">方法（Method）</a></td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jqueryui/api-toggle.html" title=".toggle()" rel="nofollow">.toggle()</a></td> 
   <td>使用自定义效果来显示或隐藏匹配的元素。</td> 
   <td><a href="https://www.runoob.com/jqueryui/ref-effects.html" title="特效（Effects）" rel="nofollow">特效（Effects）</a>&nbsp;|&nbsp;<a href="https://www.runoob.com/jqueryui/ref-effects-core.html" title="特效核心（Effects Core）" rel="nofollow">特效核心（Effects Core）</a>&nbsp;|&nbsp;<a href="https://www.runoob.com/jqueryui/ref-methods.html" title="方法（Method）" rel="nofollow">方法（Method）</a></td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jqueryui/api-toggleClass.html" title=".toggleClass()" rel="nofollow">.toggleClass()</a></td> 
   <td>当动画样式改变时，根据 Class 是否存在以及 switch 参数的值，为匹配的元素集合内的每个元素添加或移除一个或多个 Class。</td> 
   <td><a href="https://www.runoob.com/jqueryui/ref-effects.html" title="特效（Effects）" rel="nofollow">特效（Effects）</a>&nbsp;|&nbsp;<a href="https://www.runoob.com/jqueryui/ref-effects-core.html" title="特效核心（Effects Core）" rel="nofollow">特效核心（Effects Core）</a></td> 
  </tr> 
 </tbody> 
</table>