一、检验jquery是否引入成功:alert($)
二、jquery文档加载完再执行:
1、完整写法:$(document).ready(function(){ ..... })
2、简写方式:$(function(){ ..... })
三、jquery选择器:
1、$(‘#div1’) id选择器
2、$(‘.box’) 类选择器
3、$(‘li’) 标签选择器
4、$(‘.box span’) 层级选择器
5、$(‘div[class=”box2”]’) 属性选择器
四、选择集过滤
1、$div.has(‘span’) 选择包含span标签的div
2、$div.not(‘.box2’) 选择class名称不是box2的div
3、$div.eq(2) 选择第三个div
五、选择集转移
1、$div.prev() 选择div的上一个兄弟标签
2、$div.prevAll() 选择div上面所有的兄弟标签
3、$div.next() 选择div下一个兄弟标签
4、$div.nextAll() 选择div下面所有的兄弟标签
5、$div.parent() 选择div的父级标签
6、$div.children() 选择div的子级标签
7、$div.siblings() 相当于反选,选择div的所有兄弟标签,除了自己
8、$div.find(‘.sp02’) 选择div中的一个class名称是sp02的一个子级
六、操作元素的样式
1、操作行间样式,用css方法
读取行间样式的值:$div.css(‘font-size’)
设置行间样式:设置一个 $div.css(‘font-size’,’30px’) 设置多个:$div.css({‘color’:’red’,’font-weight’:’bold’})
2、操作样式类名:
addClass() 增加样式类名
removeClass() 删除样式类名
注意:两种操作样式的方法不要混合使用
七、绑定click事件: $div.click(function(){ .... })
This关键字:this指的是当前发生事件的对象,它是原生对象,$(this)指的是当前发生事件的jquery对象
索引值:jquery对象都有索引值,通过index() 方法获取