1、入口:
a、jQuery(document).ready(function(){在这里开始写内容})
b、$(document).ready(function(){在这里开始写内容})
c、$(function(){在这里开始写内容})
可以有多个入口,而js只能有一个。
2、jQuery引入
a、在本地直接引入——<script src="jquery-1.10.2.min.js"></script>
b、在CDN上引入——<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script>
3、jQuery优点:写得少,做的多、兼容性好
jQuery库包含以下内容:HTML元素选取、HTML元素操作、CSS操作、HTML事件函数、JavaScript特效和HTML遍历和修改。
4、jQuery和JavaScript的区别:
执行时机: window.onload 必须等待网页 全部加载完毕(包括图片)然后再执行包裹代码。
$(function(){}) 只需要等待网页中的DOM结构加载完毕,就能执行包裹的代码。
执行次数: js 执行一次,如果有第二次那么第一次就会被覆盖。
jQuery执行多次,不会覆盖。
写法: window.οnlοad=function(){}
jquery 的可以简写
5、jQuery的选择器分为: 基本选择器、层级选择器、过滤选择器、筛选选择器
基本选择器:标签、类名、id、并集选择器、交集选择器(j交集选择器写的时候得挨着不能有空格)
层级选择器:子代、后代。
过滤选择器:
:eq(index) 选择索引号是index的元素
:odd 选择索引号是奇数的元素
:even 选择索引号是偶数的元素
筛选选择器:
子类选择器:$(".box").children() 选取类名为box的子代 children(selector)
后代选择器:$(".box").find("li") 选取类名为box的后代叫li标签的后代 find(selector)
兄弟选择器:$(".outer>li:eq(2)).siblings() 选取索引为2的li的兄弟们 siblings(selector)
父亲选择器:$("#first").parent(); 查找父亲
下一个兄弟:$(".outer").next()
上一个兄弟:$(".outer2").prev()
获取当前位置:$(".outer2").index();
获取除去这个之外的所有的:not $("li:not(.no)")
阻止冒泡:event.stopPropagation()
阻止默认事件:event.preventDefault()
全部阻止:return false;
6、事件跟js大体一样,去掉on即可。