JS世界中 使用最广泛的一个库:jQuery, 必须会(80+%的网站直接或间接的用到它). 前端技术更新很快,但基础的也就是 css html js+jquery. 新技术是学不完的,不要迷失自己

jquery 作用 (流行原因)

  • 消除浏览器差异. 不需要自己写很长的代码来针对不同的浏览器进行时间的绑定.编写ajax代码等.
  • 简洁的 DOM操作方法: 写$('#test')肯定比document.getElementById('test')来得简洁;
  • 轻松实现动画、修改CSS等各种操作。

    jQuery的理念“Write Less, Do More“,让你写更少的代码,完成更多的工作!

jQuery版本

目前jQuery有1.x和2.x两个主要版本.
区别在于2.x移除了对古老的IE 6、7、8的支持,因此2.x的代码更精简。
选择哪个版本主要取决于你是否想支持IE 6-8。

jQuery只是一个jquery-xxx.js文件, 但你会看到有compressed(已压缩)和uncompressed(未压缩)两种版本, 使用时完全一样,但如果你想深入研究jQuery源码,那就用uncompressed版本。

使用jQuery

使用jQuery只需要在页面的<head>引入jQuery文件即可:

~~~
<head>
    <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
    ...
</head>
~~~

jQuery: Javascript脚本库: 将一些常用的函数等封装在类库中, 方便用户使用.

使用jQuery将极大的提高编写javascript代码的效率, 让写出来的代码更加优雅, 更加健壮.  

“有了jQuery,天天喝茶水”–因为我们已经站在巨人的肩膀上了.Hello World

  • jQuery 是脚本库: 只有 .js 文件
  • Bootstrap 是框架: 既要引入.js 还要引入 .css

Jquery Function

  • 提供强大的函数. 快速完成各种功能. 而且代码非常简洁.
  • 解决浏览器兼容问题.
  • 丰富的UI: 渐变弹出,图层移动…

    比如渐变: 自己写大量js代码实现.费时费力不说, 写完后没太大帮助.过段时间就忘记了.以后遇到还得重新写

必须注意:  jquery 必须在 js 代码执行前完成加载.

实现方法:

  • <script src="js/jquery224.min.js"></script>放在head里面. 虽然不建议这样做.但是初学者 这样是最方便的.
  • 也可以用 ready() 函数.

(1) jQuery的Id选择器: $(“#btnShow”) (3) 显示和隐藏函数. show()和hide() (4) 修改元素内部html的函数html()