05.jquery

一、jquery事件

jquery事件没有前缀on

二、jquery中的动画 2.1显示与隐藏动画

隐藏 hide（参数一，参数二）

显示 show（参数一，参数二）

显示或隐藏 toggle（参数一，参数二）

参数一是显示或者隐藏的速度，参数二是显示或者隐藏后的执行的函数名称

2.2淡入淡出动画

淡入 fadein（参数一，参数二）

淡出 fadeout（参数一，参数二）

淡入或者淡出 fadeToggle（参数一，参数二）

参数一是淡入淡出效果时间，参数二是完成淡入淡出后执行函数的名称

2.3滑动动画

向下滑（显示）slideDown（）

向上滑（隐藏）slideUp（）

向下向上滑（显示隐藏）slideToggle（）

2.4自定义动画

注意点：自定义动画需要加上定位

语法：

$(选择器名称).animate({

        属性：属性值，

        属性：属性值

}）

三、jquery-DOM

 和js中的innerText和innerHtml,value相像，

注意prop（）可以设置与获取标签属性值

四、追加元素

在被选中元素结尾插入内容   append（）

在被选定的元素开头插入内容   prepend（）

在被选定的元素之后插入内容（在上面）   after（）

在被选定的元素之前插入内容（在下面）  before（）

区别之处

append是在标签内对元素内容进行追加

after是在标签下面对元素进行追加

	
		
		
		
		
	
	
		
hello
		
 
		
	

五、删除元素

 

六、jquery *** 作类样式

被选元素添加一个或多个类  addClass（）

被选元素删除一个类或多个类   removeClass（）

添加或删除  toggleClass（）

七、jquery *** 作css样式

语法：

$("选择器").css({"属性名":"属性值"，“属性名”：“属性值”}）

八、validate前端验证

九、过滤选择器

十、层级选择器 十一、属性选择器