Jquery常用基本方法

DOM转jquery

$('选择器').get(下标)
$('选择器')[下标]

类名

添加：addClass()
删除：removeClass()
切换：toggleClass()
判断是否拥有：hasClass()

内容

*** html()
		innerHTML,用于设置获取标签中的内容（包含html标签）
*** text()
		innerText,用于设置或获取标签中的内容
*** val()
		value,用于获取表单元素相关的值	

样式

$('选择器').css("属性名","属性值")
或
$('选择器').css({
	属性名:"属性值",
	属性名:"属性值"
})

动画

$('选择器').动画方法(时间,function(){

})

下拉动画

上拉：slideUp()
下拉：slideDown()
切换：slideToggle()

停止上一个动画

stop()

显示隐藏

显示：show()
隐藏：hide()
切换：toggle()

淡入淡出

淡入：fadeIn()
淡出：fadeOut()
渐变为给定的不透明度：fadeTo()  没有默认参数，必须加上  slow/fast/Time  
淡入淡出切换：fadeInToggle()

自定义动画

//animate可以实现自定义动画，语法和css对象写法一致
$('选择器').animate({
	css属性:css属性值
})

属性可以递增

$('选择器').animate({
	width:"+=10px"
})

滚动条动画效果

$('body,html').animate({
	scrollTop:0
})

查找

//如果查找为一个集合，那在方法的参数中，我们可以写选择器，会自动筛选符合条件的元素
parent()	查找元素的父元素
parents()	查找元素所有的祖先元素
childern()	查找元素所有的子元素
find()		查找元素所有的后代元素，为了保证性能，不写则不查
siblings()	查找元素所有的同胞元素
prev()		查找元素的上一个同胞元素
prevAll()	查找元素的上面所有同胞元素
next()		查找元素的下一个同胞元素
nextAll()	查找元素的下面所有同胞元素

元素属性

* 添加
$('选择器').attr('属性名'，'属性值')
* 删除
$('选择器').removeAttr()

获取索引值

index()