茶.JSAPI

js基础第一天									
1.	js的五种方法	  							
	alert()		信息弹窗						
	console.log()		控制台输出						
	prompt()		让用户输入信息						
	confirm()		确认窗口						
	document.write()		页面上输出内容						
	" +   求和
         -   求差
         *   求积
         /   求商
         %   求模(取余数)"						算术运算符		
	 >  <  >=  <=  ==  !=  ===   !==						关系运算符		
	"逻辑与   and    &&
        逻辑或    or    ||
        逻辑非   not     !"						逻辑运算符		
	" +=
         -=
         *=
         /=
         %="						赋值运算符		
									
2.	数值类型								
	steing	字符串	拥有引号的数据						
	Number	数值类型	可以用作数值运算的数字就是数值类型					转换Number方法	a.在变量前加一个加号
		Number.MAX_VALUE	极大值						        b.让数据参与算术元素,除了加法
		Number.MIN_VALUE	极小值						        c.Number(转换数据)
		Infinity	无穷大						        d.parseInt()取整数
		-Infinity	无穷小						        e.parseFloat()取小数
	Boolean	布尔值类型	true或false					转换string方法	1.string()
	undefined	undefined							2.to.string()
	null	object							3.让转换的数据+""
	NaN	数字类型,不是个数字	isNaN(检测数据)					转换Boolean方法	1.boolean()
	typeof	数据类型的检测							2.!!  双重取反
	.valueOf()	得到的就是对象的原始值							
									
									
4.	Math.的对象方法	数学							
	Math.pow(5,10)	求某个数的多次方	求5的十次方						
	Math.round(3.0001)	四舍五入							
	Math.abs(10)	求绝对值							
	Math.max(13,12,99,0,8	求多个数的最大值							
	Math.min(13,12,99,0,8)	求多个数的与最小值							
	Math.ceil(3.0001)	天花板函数(方法)向上取整,不足加一							
	Math.floor(3.9999)	地板函数,向下取整,直接去掉小数							
	Math.random()	0-1之间的随机数							
	parseFloat()取小数								
	parseInt()取整数								
	indexOf(demo)	检测两个字符串之间是否有相同的存在		判断数组中是否拥有某个数据,用indexof()					返回-1就是没有
									
5.	循环								
	"if(判断条件){
        //      条件成立时候执行的代码
        // }else{
        //      条件不成立的时候执行的代码
        // }"								
	"if(条件1){
        //      条件1成立的时候执行的代码
        // }else if(条件2){
        //      条件2成立的时候执行的代码
        // }else if(条件3){
        //      条件3成立的时候执行的代码
        // }else{
        //      当所有条件都不满足的情况下执行的代码
        // }"								
	"switch(表达式){
        //   case 值1:
        //      当等于值1的时候执行的代码;
        //      break;
        //   case 值2:
        //      当等于值2的时候执行的代码;
        //      break;
        //   case 值3:
        //      当等于值3的时候执行的代码;
        //      break;
        //   case 值4:
        //      当等于值4的时候执行的代码;
        //      break;
        //   case 值5:
        //      当等于值5的时候执行的代码;
        //      break;
        //   default:
        //      当所有的条件都不满足的时候,执行的代码;
        //      break;
        // "								
	"/while循环结构
        //语法
        //while(判断条件){
        //      循环体(条件成立的时候执行的代码);
        // }
        "								
									
	break;	打断所有循环							
	continue;	结束本次循环,直接进入下次循环							
									
6.	字符串一部分方法								
	.concat()	字符串拼接							
	.replace("kitty","熊同学");	字符串替换							
	.toLocaleUpperCase();	转成大写字母							
	.toLocaleLowerCase();	转成小写字母							
									
7.	数组的检测(是否为数组)								
	Array.isArrsy(检测的数据)	true/false							
	instanceof Array	true/false							
	Object.prototype.toString.call(检测的数据)	object	检测数据了类型						
									
8.	函数								
	函数的类型检测								
	typeof	检测数据的类型							
	instanceof Function								
	Object.prototype.toString.call(检测的函数)								
	return	函数的返回值	1.没有return会返回undefined 2.返回它后面的内容 3.函数遇到return,相当于函数结束						
									
	arguments	重载	它是一伪数组						
	tirm()		清除字符串两边的空格						
									
	数组的十大方法								
	.slice(start,end):截取数组		从第*位开始,到第*位之前结束						
	.push		在数组的最后面,增加一个元素						
	.pop()		删除数组的最后一个元素,并且返回这个元素的值						
	.unshift		在数组的前面增加元素,返回的是数组的长度						
	.shift()		删除第0位的元素,返回被删除的值						
	.concat()		连接两个数组,返回一个新数组						
	.join()		在数组元素之间添加内容						
	.reverse()		用来翻转一个数组						
	splice(index,howmany,item1...):		可以用来替换数据,可以用来插入数据,可以用来删除数据						
									
	API								
9.									
	document.getElementById()		通过id名,获取元素对象						
	document.getElementsByTagName()		通过标签名得到元素,得到的是一个数组						
	document.getElementsByClassName("");		可以通过类名获得元素,获得的是一个数组						
	document.querySelector()		可以通过你传入的参数找到对应的元素:#id名,.类名,标签名						
	document.querySelectorAll		找到所有的拥有这个条件的元素,返回一个数组						
	document.getElementsByName("")		通过name值来找到元素,返回的是一个数组						
									
									
									
	window.onload.		在当页面加载完毕,用这个方法来调用						
	.innerText		标签中的文字						
	.innerHTML		添加文字						
	.onclick 		点击事件						
	.ondblclick		鼠标双击事件						
	.onmouseover		鼠标移入事件						
	.onmouseout		鼠标移出事件						
	.onfocus		获得焦点事件						
	.onblur		失去焦点事件						
	.onmousemove		鼠标移动事件						
	.disabled		表单禁用						
	.onscroll		滚动事件						
	.onresize		监听页面尺寸变化事件						
	window.onbeforeunload		页面即将关闭但是还没关闭的时候执行的方法						
	window.onload		当页面加载完的时候会调用的方法						
	window.onunload		页面关闭的时候执行的方法						
									
									
10.	阻止a标签的跳转								
	return false								
	javascript:void(0)								
	onclick="return false"								
									
	.setAttribute( , )	设置自定义属性到行内标签							
	getAttribute( )	获取到用户自定义的属性值							
	.className()	获取或设置标签的类名							
	removeAttribute("属性名")	把属性名和属性值一起在行内删掉,什么都没有							
	disabled	禁用	这三个属性给true就代表有,给false代表没有						
	checked	选中							
	selected	下拉框选中							
									
11.	节点								
	.childNodes	子节点	得到是该元素的所有子节点(文本节点(空文本,非空文本),注释节点,元素节点)						
	.children	元素节点	可以获得子元素节点,返回是一个数组						
	.children.length		直接获得子元素节点的个数						
	.nextSibling		可以得到下一个节点(文本节点(空文本以及非空文本),注释节点,元素节点)						
	.nextElementSibling		获取到下一个元素节点						
	.previousSibling		可以的到上一个节点						
	.previousElementSibling		获得上一个元素节点						
	.firstChild		可以得到第一个节点						
	.firstElementChild		获取第一个元素节点						
	.lastChild		可以得到最后一个节点						
	.lastElementChild		获取最后一个元素节点						
	.parentNode		找到父节点						
									
	.cloneNode(true)	克隆的节点	克隆的节点是不会主动放到页面上去的						
	.appendChild(newBox)	打印到页面	…						
api第3 天									
	document.createElement("")	创建元素	创建新标签这个是常用的						
	document.write		向文档输出写内容，如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖						
	.innerHTMl		添加文本						
	.insertBefore(liNew,li3)	插入元素	将新元素liNew,插入到li3之前						
	.insertBefore(liNew,getNextElement(li3));		先找到li3的下一个元素,然后插入到这个元素前面						
	父元素.removeChild(要删除元素)	删除元素							
	父元素.replaceChild(newLi,li3);替换元素		newLi替换li3						
	.onkeydown	键盘弹起事件							
	clearInterval();	每次点击的时候,直接清空当前的计时器							
									
api第4天									
	.offsetWidth		真实盒子的宽度						
	.offsetHeight		真实盒子的高度						
	.offsetParent		找到距离你最近的定位的父盒子,如果没有,那么就找到body						
	.offsetLeft		盒子的左外边框到参照位移的父级盒子的左内边框的距离						
	.offsetTop		盒子的上外边框到参照位移的父级盒子的上内边框的距离						
	window.navigator		系统版本,平台信息,以及设备信息等						
									
									
api第6天									
	.scrollWidth	内容的真实宽度,包括被隐藏的内容							
	.scrollHeight	内容的真实高度,包括被隐藏的内容							
	.scrollLeft	得到的是水平方向滚出去的距离							
	.scrollTop	得到垂直方向滚出去的距离							
	.clientHeight	可视区域的高							
	.clientWidth	可视区域的宽							
	.clientTop	边框的宽度							
	.clientLeft	边框宽度							
	.onscroll	滚动事件							
	.onresize	监听页面尺寸变化事件							
									
api第7日									
	e = e || window.event	事件对象的兼容							
	e.screenX  e.screenY	点击的那个点距离屏幕的左上角的距离							
	e.clientX  e.clientY	点击的那个点距离可视区的左上角的距离							
	e.pageX  e.pageY	点击的按个点距离页面的左上角的距离							
	window.innerWidth	页面宽度							
	元素名.addEventListener(参数1,参数2,参数3)		注册事件	谷歌					
	attachEvent(参数一,参数二)			iE					
									
	removeEventListener	移除事件的参数与添加的必须一致	移除事件	谷歌					
	detachEvent			iE					
									
	e.stopPropagation	阻止事件冒泡	谷歌						
	e.cancelBubble	阻止事件冒泡	IE						
	e.eventPhase	事件触发的阶段							
	e.type	返回当前 Event 对象表示的事件的名称							
	e.keyCode	键盘按下识别码							
									
JS高级第一天									
	delete obj.name	对象的属性删除及没有声明的变量							
	.prototype	对象原型的访问方法							
	typeof	检测数据的类型							
									
	改变this的方向								
	.bind()	函数名.bind(this修改后的指向,arg1,arg2...)  并不会执行这个函数,而是会返回修改了this之后的这个函数.							
	.apply()	函数名.apply(this修改后的指向,数组或者伪数组);							
	.call()	函数名.call(this修改后的指向,arg1,arg2.....)							
									
	.hasOwnProperty(属性名)	用来判断自己这个对象,是否拥有某个属性							
	.isPrototypeOf	判断一个对象是否是另外一个对象的 原型.							
	.propertyIsEnumerable	"不仅仅判断这个属性能够被遍历,
    //还判断这个属性是否是自己的."							
	函数对象中的常用属性								
	.name	函数名							
	.length	形参个数							
	.caller	"如果函数B在函数A中调用.那么函数B的caller就是这个函数A.
    //如果函数B是直接调用的,那么他的caller就是null."							
	.arguments	他是一个伪数组,他存的是实参的值,和形参是一一对应的							
	.arguments.length	实参的个数							
	.2 arguments.callee	就是这个函数本身							
									
	伪数组改真数组								
	arr.push.apply(arr,weiArr)		三种方法伪改真						
	arr.concat.apply(arr,weiArr)								
	Array.prototype.slice.call(weiArr,0)								
	Math.max.apply(Math,arr)		求数组中的最大值						
	"Array.prototype.sort.call(weiArr, function (a,b) {
      return a-b;
    });"		伪数组排序						
									
	正则表达式	RegExp							
	.test	检测方法,返回的是布尔类型							
	.exec								
	字符串方法								
	.replace()	替换							
	.match();	提取							
	.search()	检索字符串							
	.replace()	分组提取							
	.split()	分割方法							
									
									
Jquery									
第一天									
	.ready(function(){})	入口函数	$(function(){})						
	.get()	获得由选择器指定的 DOM 元素。							
	.css()	设置或属性							
	.text()	设置或获取文本	设置:会把原来的内容给覆盖掉,若文本中包含标签也不会给解析出来,获取回去这个元素的文本及它后代元素的文本						
	.children()	获得子元素节点	标签里面没添加元素就没有指定下面那一个元素						
	.siblings('')	获得该元素的兄弟们	标签没添加元素就是所有的兄弟,添加就是这个元素的兄弟						
	.parent()	获得该元素的父级元素							
	.eq()	获得元素下面指定的元素		筛选选择器					
过滤选择器									
	偶数  $("li:even");								
	奇数  $("li:odd");								
	$("li:eq(索引)");								
第二天									
	.addClass()	添加类名							
	.removeClass()	移除类	不写参数就是删除所有类						
	.hasClass()	判断有没有这个类名	返回值是贝尔类型						
	.toggleClass()	切换类类	元素拥有某个类就移除; 如果没有就添加.						
	.show()	显示动画(有回调函数)	参数可以是毫秒数,也可以是代表时长的单词(字符串): fast(200) normal(400)  slow(600)						
	.hide()	隐藏动画(可设回调函数)							
	.toggle()	显示.隐藏动画切换							
	.slideDown()	滑入动画(可回调)							
	.slideUp()	滑出动画(可回调)							
	.slideToggle()	滑入.滑出动画切换							
	.fadeIn()	淡入动画(可回调)							
	.fadeOut()	淡出动画(可回调)							
	.fadeToggle()	淡入淡出动画切换							
	.fadeTo()	参数1:动画执行的时长.参数2:改变的透明度的值.参数3:动画执行完毕的回调函数.							
									
									
	.click	点击事件							
	.mouseover	鼠标移入事件							
	.mouseenter	鼠标移入事件	以后用这个						
	.mouseout	鼠标移出事件							
	.mouseleave	鼠标移出事件	以后用这个						
									
									
									
									
									
									
									
	.animate()	自定义动画	参数1:必须的,是一个对象,是要做动画的css属性,参数2:执行动画的时长.参数3:easing, 取值是swing(缓动) 或者 linear(匀速)参数4:动画执行完毕后的回调函数.						
	.stop()	停止动画	第一个参数：是否清除队列 第二个参数：是否跳转到最终效果						
	.html()	获取元素内容或设置	如果设置的内容中包含标签,会把标签给解析出来						
	$()	设置元素内容	创建出来的元素只会存在于内存中,如果要在页面上显示,就要追加到页面的某个地方						
									
	父节点.append()	添加节点	把内容追加到页面上去,追加后是放在最后						
	父节点.prepend(要追加的元素)		把这个要追加的元素 添加到父元素的第一个子节点.						
	兄弟节点.after(兄弟节点B)		把B这个节点,插入到A这个节点的后面						
	兄弟节点.before(兄弟节点B)		把节点B插入到节点A的前面.						
	子元素.appendTo(父元素)		把子元素作为到父元素的最后一个子元素追加.						
	.empty()	清除元素节点							
	.remove()	清除元素节点(自己移除自己)							
	.parent()	父级元素							
	.clone()	克隆节点	(针对克隆中有没有克隆到事件(true)jQuery中的深浅克隆和原生js中的深浅克隆是不一样//jQuery中不管参数是什么,后代元素都会被克隆到						
	.val()	添加,获取表单文本							
	.join()	join() 方法用于把数组中的所有元素放入一个字符串							
	opacity	透明度							
									
第三天									
	.attr()	获取或设置属性	设置多属性就用对象方法						
	.removeAttr()	删除属性	设置值就删除那个值,不设置就全部删除						
									
	.prop	给按钮设置点击事件	返回的是布尔值	获取或设置boolean类型的属性值			disableed  checked  selected		
									
	.width()	获取或更改内容的宽							
	.innerWidth()	获取或更改内容的宽+内边距							
	.outerWidth()	包括内容,内边距和边框							
	outerWidth(true)	包括内容,内边距、边框和外边距							
	$(window).width()	获取可视区宽度							
	$(window).height()	获取可视区高度							
									
	.offset()	获取或设置(对象方法)元素距离document的位置		里面包含2个值(left和top值)					
	.position()	获取的是元素距离有定位的父元素(offsetParent)的位置			里面包含2个值(left和top值).				
									
	.scrollLeft()	页面滚出左边的宽度							
	.scrollTop()	页面滚出的高度							
	.scroll	滚动事件							
	"$('body').on('click','div', function () {
        alert('我是div,我被单击了...');
      });"	注册事件委托							
	.off()解绑	注册事件解绑							
									
	e.screenX ,Y	屏幕左上角 距离触发事件的那一点的距离							
	e.clientX,Y	页面可视区左上角 距离触发事件的那一点之间的距离							
	e.pageX,Y	页面左上角 距离触发事件那一点之间的距离.							
	e.stopPropagation()	阻止事件冒泡行为							
	e.preventDefault()	阻止浏览器默认行为							
	return false	既能阻止事件冒泡，又能阻止浏览器默认行为							
	e.keyCode	可以获取键盘按的那个键.							
									
第四天									
	.prev();	前面一个兄弟							
	.prevAll();	前面所有兄弟							
	.next();	后面一个兄弟							
	.nextAll();	后面所有兄弟							
	.end()	返回到上一个状态							
	.opacity()	透明度							
	.each()								
	.delay()	延迟							
	.find()	找到							
	.eq