jQuery常用操作

1.选择器

示例	解释
$(‘#myId’)	选择id为myId的网页元素
$(‘.myClass’)	选择class为myClass的元素
$(‘li’)	//选择所有的li元素
$(‘#ul1 li span’)	选择id为为ul1元素下的所有li下的span元素
$(‘input[name=first]’)	选择name属性等于first的input元素

2.选择集过滤

示例	解释
$(‘div’).has(‘p’);	选择包含p元素的div元素
$(‘div’).not(‘.myClass’);	选择class不等于myClass的div元素
$(‘div’).eq(5);	选择第6个div元素

3.选择集转移

示例	解释
$(‘#box’).prev();	选择id是box的元素前面紧挨的同辈元素
$(‘#box’).prevAll();	选择id是box的元素之前所有的同辈元素
$(‘#box’).next();	选择id是box的元素后面紧挨的同辈元素
$(‘#box’).nextAll();	选择id是box的元素后面所有的同辈元素
$(‘#box’).parent();	选择id是box的元素的父元素
$(‘#box’).children();	选择id是box的元素的所有子元素
$(‘#box’).siblings();	选择id是box的元素的同级元素
$(‘#box’).find(‘.myClass’);	选择id是box的元素内的class等于myClass的元素

4.操作样式类名

示例	解释
$(“#div1”).addClass(“classname”)	为id为div1的对象追加样式classname
$(“#div1”).removeClass(“classname”)	移除id为div1的对象的class名为classname的样式
$(“#div1”).removeClass(“classname1 classname2”)	移除多个样式
$(“#div1”).toggleClass(“classname”)	//重复切换classname样式

5.jQuery特殊效果

示例	解释
fadeOut()	淡出
fadeToggle()	切换淡入淡出
hide()	隐藏元素
show()	显示元素
toggle()	切换元素的可见状态
slideDown()	向下展开
slideUp()	向上卷起
slideToggle()	依次展开或卷起某个元素

6.jQuery事件

示例	解释
blur()	元素失去焦点
focus()	元素获得焦点
click()	鼠标单击
mouseover()	鼠标进入（进入子元素也触发）
mouseout()	鼠标离开（离开子元素也触发）
mouseenter()	鼠标进入（进入子元素不触发）
mouseleave()	鼠标离开（离开子元素不触发）
hover()	同时为mouseenter和mouseleave事件指定处理函数
ready()	DOM加载完成
submit()	用户递交表单

7.jQuery元素节点操作

示例	解释
append()和appendTo()	在现存元素的内部，从后面放入元素
prepend()和prependTo()	在现存元素的内部，从前面放入元素
after()和insertAfter()	在现存元素的外部，从后面放入元素
before()和insertBefore()	在现存元素的外部，从前面放入元素