什么是jQuery

jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTML documents、events、实现动画效果，并且方便
地为网站提供AJAX交互。能够使程序员从设计和书写繁杂的JS应用中解脱出来，将关注点转向功能需求而非实现细节上，从而提高项目的开发速度。
jQuery 库包含以下内容：

• HTML 元素选取
• HTML 元素操作
• CSS 样式操作
• HTML 事件函数
• JavaScript 特效和动画
• AJAX

jQuery选择器的优势

写法简单
支持CSS1至CSS3选择器
完善的处理兼容机制

jQuery 库引入

官网下载jQuery
3.x不支持IE6,7，8
jquery-2.1.4.js 开发环境 版本
jquery-2.1.4.min.js生产环境版本

引用本地jQuery文件：

<script src="js/jquery-1.12.4.js" type="text/javascript" charset="utf-8"></script>

使用CDN（Content Delivery NETWORK）在线

微软、谷歌、百度等

https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js
http://libs.baidu.com/jquery/2.0.0/jquery.min.js

当CDN不可用时使用本地

window.jQuery||document.write('<script src="js/jquery-1.12.4.js"><\/script>')4

语法基础

$(selector).action()
$定义jQuery对象
selector选择器
action操作

demo：

$(document).ready(function(){
console.log(" 标签加载完毕");
})
等同
$(function(){
console.log(" 标签加载完毕");
})

window.onload需要等待标签内容加载完毕
$(document).ready标签可用则执行

链式语法

$("#p1").css("color","red").slideUp(2000).slideDown(2000);
$("#pid2").css("background-color","black").css("color","red");

遍历

$("p").each(function(){this.style.backgroundColor="red";});

长度

console.log($("p").length);

解决冲突

var jj=$.noConflict()
jj(function(){})