前端基础之jQuery

一、 jQuery是什么？

1、jQuery是由于世界各地的众多的javascript高手，为了让javascript使用起来更加方便、灵活，封装原生javascript难以实现的众多功能，开发出来的优秀框架(库)；

作用

1、它是轻量级的java script库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器

2、其宗旨是 write less do more 用最少的代码完成更多的功能；

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS回顾</title>
    <style>
        *{margin: 0;padding: 0}
        div{height: 200px;background-color:pink;margin-bottom: 10px;display: none}
    </style>
    <script src="jquery-3.2.1.min.js"></script>
</head>
<body>
<input id="bu" type="button" value="我是按钮">
<div></div>
<div></div>
<div></div>
</body>
<script>
//    window.onload=function () {
//        document.getElementById('bu').onclick=function () {
//         eles=document.getElementsByTagName('div')
//            for(var i=0;i<eles.length;i++){
//             eles[i].style.display='block';
//             eles[i].style.innerText='我是内容'
//                                           }
//
//                                                            }
//                                        }
   //JavaScript的缺陷
//   1、Windows.onload事件会被覆盖
//   2、代码容错性差
//   3、浏览器兼容性问题
//   4、书写繁琐，代码量大
//   5、代码乱

    $(document).ready(function () {
        $('#bu').click(function () {
            $('div').show().text('我是内容')
        })
    })
</script>
</html>

View Code