mapengpeng1999@163.com jQuery

jQuery概述

jQuery对js进行封装，是一个JS库。jQuery是一个快速、简洁的javascript库，
使用户能够方便地遍历HTML Documents、操作DOM、处理事件、实现动画效果和提供Ajax交互，
此外jQuery兼容CSS3.0及各种浏览器（不用考虑是否为IE浏览器）。
jQuery的优势：（1）利用CSS的优势；（2）良好浏览器兼容性；
（3）优秀的DOM操作封装和事件处理；（只需调用接口API）
（4）多重操作集于一行；（链式操作，可把多个操作步骤放在一行写）
（5）完善的Ajax；（不用考虑是否为IE浏览器，浏览器的版本问题）（6）支持扩展等。

jQuery可理解为javascript库，方便地遍历HTML文档、操作DOM、
处理事件、实现动画效果和提供Ajax交互，兼容浏览器（不用考虑是否为IE浏览器）。
它已经帮你把兼容浏览器的处理方法做好了，你只要调用它的接口就行。

min.js是压缩后的js容量小，.js没压缩，一般用min.js可减轻浏览器端压力。
开发用.js非压缩版，方便查看源码。部署用min.js压缩版省容量。
从网上下载jQuery版本到本地（jQuery版本现在基本不更新了，现在前端对jQuery需求没之前高）
再从本地调用。或者直接用网址调用，但建议下载好用本地的。 

js只能导入一次。（各个版本、min.js 、.js）
jQuery核心是选择器，导入jQuery文件（下载到本地，用压缩的min.js）
通常在head标签底部导入，<script src=”jquery.min.js”></script>
（此时.html和.js是在一个目录下，也可”./jquery.min.js”，一般直接写不用./）
<script src=”/js/jquery.min.js”></script>（在上一级目录js中）

1.选择元素，要配合元素使用（如div class=”nav”）  jquery(“.nav”)
jquery(“.nav”) .hide();可将jquery简写为$
 jquery(“.nav”) .hide();=== $(“.nav”) .hide();
可理解 jquery帮助快速开发的一个工具，如果你想得到 jQuery对象，可以使用 $(this) 函数。

空格：子孙代
>：子代
+：兄弟代，紧跟着的兄弟
~：所有兄弟代
prop:布尔值
attr：非布尔型

window.onload = function(){}; 等HTML页面加载完成后执行的内容函数
window.document.getElementById("btn").onClick = function(){}
有了jQuery之后给按钮绑定事件（单击事件）$(function(){})
$("#btn").click(function(){});

Jquery中的属性

得是Jquery对象才能访问其属性，用$("img")将其转化为Jquery对象，
$("img").attr("src");  通过标签中属性名获得属性值
$("p").html(); 获得p标签的html内容
$("input").val(); 获取文本框中的值（获得标签的值）