JQuery第一阶段总结

     

• jQuery 基本单词

  query 查询	load 加载	ready 准备	document 文档	toggle 切换	slideToggle 滑动切换	get 获取
  prop 兄弟	prev 上一个	append 追加	wrap 包装	remove 删除	after 之后	before 之前
  offset 偏移	postion 位置	scroll 滚动	inner 内部	outer 外部

JQ介绍

1.dom操作方便

2.链式写法

3.动画便捷

4.生态丰富（插件多）

5.强大的ajax功能

   前端常用框架

jQuery

Vue渐进式javascript库

React  构造用户页面的js库

Angular 前端应用程序平台

    
  

  入口函数与onload

入口函数	1. $(function(){ })  2. $(document).ready(function(){ })	特点： 可以重复执行多次，  文档加载完就执行
onload	window.οnlοad=function(){  }	特点:   后面的onload会覆盖前面的onload,  需要等待页面所有内容加载完再执行

      

  

 js与jQ互转

jQ--->js	$('')[下标]	$('').get[下标]
js--->jQ	$('js对象')

   

 显示与隐藏

show() 显示	hede() 隐藏	toggle() 切换显示与隐藏
slideUp 向上滑动	slideDown 向下滑动	slideToggle() 滑动切换显示与隐藏
fadeIn    淡入	fadeOut   淡出	fadeToggle() 淡入淡出	fadeTo()设置透明度
fadeIn(speed,fn)	speed 执行的速度 1. fast 200毫秒       2.normat 400毫秒 3.slow 600毫秒  4.毫秒数	fn 完毕后回调的函数

 设置获取css方法

.css(name) 获取css属性值
css(name,value) 设置css的属性值
.css({name1：value1,name2：value2}) 设置多个属性值

prop属性和attr属性

attr设置获取节点属性	1-   .attr(name) 获取节点属性值 2-   .attr(name,value) 设置节点属性值  3-   .attr({name1：value1,name2：value2}) 设置多个节点属性值
prop设置获取节点的属性	1-   .prop(name) 获取节点属性值 2-   .prop(name,value) 设置节点属性值 3-  .prop({name1：value1,name2：value2}) 设置多个节点属性值
prop和attr的区别	1.attr获取节点的初始属性值      prop是获取节点的动态值  2.attr设置的属性值在dom节点是可见的 prop设置的表单属性值在dom节点上不可见

    
  

动画

stop(ture,ture)    stop(停止队列动画,回到动画的最终状态)

 

  事件

click() 单击	ready() 准备完毕	hover()移入移出
change() 元素的值发生改变

文本与值

text() 设置或获取文本
html() 设置获取html
val() 设置获取表单的值

类的操作

addClass() 添加类
removeClass() 移除类
toggleClass() 切换类

选择器

基本选择器	* 全部	tag 标签	. 类	# id	, 分组
层次选择器	空格 后代	> 直接子元素	+ 相邻	~ 后全部兄弟
基本过滤选择器	:first     第一个         $(“div:first”)选择第1个div元素	:last     最后一个         $(“div:last”)选择最后1个div元素	:eq(n)     第n个         :eq('+x+')             $(“tr:eq(1)”)选择表格行索引等于1的行	:gt(n)     大于n个         $(“tr:gt(1) ”)选择表格行索引大于1的行	:lt(n)     小于n个         $(“tr:lt(1)”)选择表格行索引小于1的行
	:odd     奇数	:even     偶数         $(“tr:even”)选择表格中所有偶数的行	:header     h标签         $(“:header”)选择网页中所有的<h1>,<h2>…<h6>	:animared动画 animate(params,[speed],[easing],[fn]) params:一组包含作为动画属性和终值的样式属性和及其值的集合 speed:三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如：1000)  easing:要使用的擦除效果的名称(需要插件支持).默认jQuery提供"linear" 和 "swing". fn:在动画完成时执行的函数，每个元素执行一次。
内容过滤 选择器	:contans(txt)     包含 $(“div:contains(‘我’)”)选择内容里包含我的所有div	:empty  空      $(“div:empty”)选择不包含子元素（含文本）的所有div元素	:has()  有      $(“div:has(p)”)选择含有p元素的所有div元素	:parent     父节点 $(“div:parent”)选择拥有子元素（包含文本）的所有div元素
可见过滤 选择器	:visble  选择所有可见元素	:hidden 选择所有不可见元素