前端基础--jQuery

开发工具与关键技术：DW/浏览器 ；简单使用jquery。
作者：刘佳明
撰写时间：2019年1月 24 日

前端基础–jquery

本篇章内容主要是简单介绍以下Jquery;一个由JavaScript封装的函数库；

jQuery 的功能概括：

 html 的元素选取
 html的元素操作
 html dom遍历和修改
 js特效和动画效果
 css操作
 html事件操作
 ajax异步请求方式
在这里，我事先已经准备好了一个网页的样式：效果如下

网页的组成分为三个部分；两个包裹着p标签的盒子，和最下方四个除内部文本不同；其他完全相同的button按钮；
Button按钮的样式是根据bootstrap 中的css样式而引入的；

Bootstrap系列是现网上流行的网页编辑插件；百度可下载使用

网页HTML部分代码;

<div clss="contain">
       
        <div class="cos">
          <div class="left" id="left">
           
              <p id="p">p 标签1</p>
              <p>p 标签2</p>
              <p>p 标签3</p>
              <p>p 标签4</p>
              <p>p 标签5</p>
             
          </div>
          <div class="right" id="right">
              <p class="p">p 标签6</p>
              <p class="p">p 标签7</p>
          </div>
        </div> 
        <button  class="btn btn-primary btn-lg btn-block" id="one">Block level button  01</button>
<button  class="btn btn-primary btn-lg btn-block" id="two">Block level button  02</button>
<button  class="btn btn-primary btn-lg btn-block" id="fruo">Block level button  03</button>
<button  class="btn btn-primary btn-lg btn-block" id="si">Block level button  04</button>
    </div>

CSS样式所需要的代码：

<style>
             .cos{
                    width:80%;
                    background:#eee;