一、什么是jQuery?
jQuery是一个优秀的JavaScript库,是一个凭借简洁的语法和跨平台的兼容性,极大地简化了JavaScript开发人员遍历HTML文档,操作DOM,执行动画和开发Ajax的操作。jQuery封装了很多预定义的对象和函数。其理念:write less,do more.
二、基础核心内容
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")
●子代选择器 header>div (IE6不支持)
$("header>div&