jQuery 基础篇

1、为什么要使用jQuery？

1.1 原生js的缺点

• 1.不能添加多个入口函数（window.onload）,如果添加了多个，后面的会把前面的给覆盖。

• 2.原生js的api名字都太长太难记。

• 3.原生js有的时候代码冗余。

• 4.原生js中有些属性或者方法，有浏览器兼容问题。

• 5.原生js容错率比较低，前面的代码出了问题，后面的代码执行不了。

// js入口函数
window.onload = function () {
   
    console.log("我是一个入口函数");
}

1.2 jQuery的优势

• 1.查找元素的方法多种多样，非常灵活，是可以写多个入口函数的。

• 2.jQuery的api名字都容易记忆，简单粗暴。

• 3.jQuery代码简洁（拥有隐式迭代特性，不再需要手写for循环）。

• 4.jQuery解决了浏览器兼容问题。

• 5.容错率较高，前面的代码出来了问题，后面的代码不受影响。

jQuery初体验

// js入口函数
// 需求：点击按钮给三个div设置边框和文本 
// 首先引入jQuery（如下）
<script src="./jquery-1.12.4.js"></script>
// 使用jQuery
<script>
    //入口函数
  $(document).ready(function () {
   
    // 添加事件

    //设置边框
    $('#btn0ne').click(function () {
   
      $('div').css('border'