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