第一部分:
1,DOM对象和jquery对象
通过$()函数,jQuery()函数获取的对象 都是js对象,
用$(dom)包裹dom对象,可以将dom对象转变为jquery对象
jquery对象常用方法,eq方法(下标获取元素),index()获取对象的下标
2,选择器
基本选择器: 标签,类 id选择器, 交集 并集
层级选择器: 子代 后代选择器
过滤选择器: :odd :奇数 :even:偶数 :eq:指定下标
筛选选择器: children():找儿子 find():找后代 siblings():找兄弟 ,不包括自己
next():找下一个兄弟 prev 是一个兄弟
gt():大于 lt():小于 eq()指定下标 index()返回当前元素的下标
//案例:
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
</ul>
<script src="jquery-1.12.4.js"></script>
<script>
$(function(){
$('li:even').css('backgroundColor','red');
$('li:odd').css('backgroundColor','green');
$('li:eq(5)').css('color','yellow');//下标等于5的元素,获得该样式
$('li:gt(5)').css('fontSize','32px');//下标大于5的元素,获得这个样式
$('li:lt(3)').css('fontSize','10px');//下标小于3的元素 ,获得该样式
})
</script>
</body>第二部分:
1,操纵样式 css class
2,操纵属性 attr prop
3,操纵动画 slidDown slidUp fadeIn fadeOut animate
4,操纵节点, 删除节点
第三部分:
1,val方法,html,text,
2,width,height,scrollTop scrollLeft offset position 等方法
3,事件历程,事件注册,事件解绑事件对象阻止冒泡
4,each方法 冲突解决