「JavaScript」- jQuery(学习笔记)

  CREATED BY JENKINSBOT

问题描述

现在是 04/26/2021 我们依旧在使用 jQuery 库:-),而且觉得非常方便好用,毕竟我们用的比较肤浅。我们不是前端,即使学习新的前端框架也不会经常使用,所以在这方完全就是“能用就行”、“解决问题就行”的态度(我们甚至连很多前端的基础概念都不清楚,毕竟我们没有遇到需要深入的问题:-)。

该笔记将记录:在 JavaScript 中,如何使用 jQuery 完成常见任务,以及相关问题处理方法。

解决方案

引入 jQuery 类库

jQuery:

<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

<!-- 支持版本:2.0.3, 2.0.2, 2.0.1, 2.0.0,1.11.1, 1.10.2, 1.10.1, 1.10.0, 1.9.1, 
    1.9.0, 1.8.3, 1.8.2, 1.8.1, 1.8.0, 1.7.2, 1.7.1, 1.7.0, 1.6.4, 1.6.3, 1.6.2, 
    1.6.1, 1.6.0, 1.5.2, 1.5.1, 1.5.0, 1.4.4, 1.4.3, 1.4.2, 1.4.1, 1.4.0, 1.3.2, 
    1.3.1, 1.3.0, 1.2.6, 1.2.3 -->
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

jQueryUi:

<!-- 支持版本:1.10.2, 1.10.1, 1.10.0, 1.9.2, 1.9.1, 1.9.0, 1.8.24, 1.8.23, 1.8.22, 
    1.8.21, 1.8.20, 1.8.19, 1.8.18, 1.8.17, 1.8.16, 1.8.15, 1.8.14, 1.8.13, 1.8.12, 
    1.8.11, 1.8.10, 1.8.9, 1.8.8, 1.8.7, 1.8.6, 1.8.5, 1.8.4, 1.8.2, 1.8.1, 1.8.0, 
    1.7.3, 1.7.2, 1.7.1, 1.7.0, 1.6.0, 1.5.3, 1.5.2  -->
<script src="http://libs.baidu.com/jqueryui/1.8.22/jquery-ui.min.js"></script>

操作 HTML 元素

$('<selector>').prepend(html) // 在元素内部的最开始处,追加 html 内容

参考文献

jQuery API Documentation
jQuery cdn加速