学习目标: 基础核心 选择器 属性 CSS 筛选 DOM 事件 动画 学习内容: 一、基础核心 1.代码风格 $(function(){}); 匿名函数的执行 $("#div1") 选取元素 $("#div1").css('color','red') 添加内联样式 $ == jQuery js封装好的一个对象 2.加载模式 window.onload 全部资源加载完毕 只能执行一次,会覆盖前面的 不能简写 $(document).ready(function(){}); DOM结构加载完毕 可多次执行 可简写$(function(){}); 3.对象互换 这个互换多指JQuery对象与DOM对象互换 二、选择器 1.最核心 选择器引擎 继承了css的语法,可以对DOM元素的标签名、属性名、状态等进行快速准确的选择 2.使用 id #div1 标签名 div class .div1 后代选择器 header div $("header div")等价于$("header").find("div")