肖龙 Smalladragon

## 继承
# js继承的概念 #

js里常用的如下两种继承方式


通过原型链方式实现继承（对象间的继承）类式继承（构造函数间的继承）由于js不像java那样是真正面向对象的语言，js是基于对象的，它没有类的概念。所以，要想实现继承，可以用js的原型prototype机制或者用apply和call方法去实现。


## jQuery事件
# 定义和用法 #

2find() 方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。

# 实例 #：

搜索所有段落中的后代 span 元素，并将其颜色设置为红色：$("p").find("span").css('color','red');


## DOM 元素属性
# innerHTML #

innerHTML 属性设置或返回标签的开始和结束标签之间的 HTML。


# outerHTML #


outerHTML.当前元素的开始标记和结束标记之间的所有文本和HTML标签。

## DOM 节点属性
# 节点属性 #

 1.nodeName

定义和用法
nodeName 属性指定节点的节点名称。
如果节点是元素节点，则 nodeName 属性返回标签名。
如果节点是属性节点，则 nodeName 属性返回属性的名称。
文本节点的nodeName 永远  #text
对于其他节点类型，nodeName 属性返回不同节点类型的不同名称。

## DOM
当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。
DOM是“Document Object Model”（文档对象模型）的首字母缩写。


![61.png](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAmkAAAEzCAYAAABqjJTeAAAgAElEQVR4nOy955Ncx3X+f+7EzQB2kRPBTJFUoiKpnCOVRUUnuezyG/tX/iv8xq9cDlV2WV/JspVzjlQiJYqUGCSREjOR8wKbd+L99adnntnei5kNIMJS6Icc7IR7O99znj7ndHeSOlgb9XrdIiIiIiIiIiIizg5Jklg+nz8naeXOSSoRERERERERERHnFJGkRURERERERESsQUSSFhERERERERGxBhFJWkRERERERETEGkQkaRERERERERERaxCRpEVERERERERErEFEkhYRERERERERsQYRSVpERERERERExBpEJGkREREREREREWsQhYuTrQ45SDLvg49ZJNb796TLd8uVIO2VUWu34HONbH6rzSO8/3yUb7XleLpleDr1Wem9S/Xx2eQbERERERFxIXGRLGkiZ83232TRL9b1E+9zZ1xxNmg2mwupLqGo+S0q8oiIiIiIiIiLgYtkScsisQXy1cwwx5w1O9fwL/+l7SubwXVKI7Xe5rh2irlWDiJhWFz06qTmvtd1kLrlrDLLIUxPaYKVWthUzvCzruX7Xvd1K/fTrUuYxmpI7EryXa2FTXXPluds67hWLJYREREREREXkaSFrs5AoQaKsaUvHXkKaVtibZqWZqhY2qZxy7u4eNVqNZubm/NKuVQq+Veo4Ofn5/3vYGBgYNHvZwPSrFarnpxx8Gq3w1dX4rrTNY1Gw9dhKTLSjQCSb6FQWFFdkkV9kZ5BaleLLNHs9d1SWOm1Sne5eq42/4iIiIiIiAuFi0zSwr9tByhKExqWNi2XNEwkLQ2K2kwCLtc2nMkRupQdTUobi9aTTz5pd955p42Pj9sNN9xgL37xi210

## 时间和日期 3
# setHours() #

setHours() 方法用于设置指定的时间的小时字段。
语法: dateObject.setHours(hour,min,sec,millisec)
hour	必需。表示小时的数值，介于 0（午夜） ~ 23（晚上11点） 之间，以本地时间计（下同）。
min	可选。表示分钟的数值，介于 0 ~ 59 之间。在 EMCAScript 标准化之前，不支持该参数。
sec	可选。表示秒的数值，介于 0 ~ 59 之间。在 EMCAScript 标准化之前，不支持该参数。
millisec	可选。表示毫秒的数值，介于 0 ~ 999之间。在 EMCAScript 标准化之前，不支持该参数。


## 时间和日期 2
# setFullYear() #

定义和用法: setFullYear() 方法用于设置年份。
语法: dateObject.setFullYear(year,month,day)
year	    必需。表示年份的四位整数。用本地时间表示。
month    可选。表示月份的数值，介于 0 ~ 11 之间。用本地时间表示。
day	     可选。表示月中某一天的数值，介于 1 ~ 31 之间。用本地时间表示。


## 日期和时间
# 日期对象创建 #


Date 对象用于处理日期和时间。
通过 new 关键词来定义 Date 对象。


 注释：Date对象自动使用当前的日期和时间作为其初始值。

## 数组去重，数组排序
# 数组去重 #


![51.png](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAi8AAAEACAYAAAB7xpY6AAAgAElEQVR4nOydB1wUxxfHf9e4OzrSO4IoIjbsWAF77713E0vsJbG32I29G3vvIvbeFQugIKAogvTerr//3oEKSFFj/sZkv34u4W5nZ97Mzu6+mXnzHocYwMLCwsLCwsLyg8D93gKwsLCwsLCwsHwJrPLCwsLCwsLC8kPBKi8sLCwsLCwsPxQ/uPIihd++3zF64jRsvxvz4VdlViQOzxuByasP43VaCVkkPcWKhb9i883obytaeiA2TpuMOcuP4K3i22UbcnoOho+ajG0XX367TFlYWFhYWH4g+N9bgC9HhdBDU9F0dRhmr1wAvs8urD6UhM5cUwSt2oVTIZUweWIFLJ6+AcG6QXCoWhsj6tkUmVv6I19sXroAiT4K1Li0CG5hB9Fr9Bygye+Y08EZKuKCn3of88Yuwh2ywrjlBzG8jn7JYma+wL71y3FNXBN6dRpibB2Tks9RpCHi5TtkqtQ21DxweSHYO2YFjr6Og8jYBMb6YmTGPINpRS+sW7IKVmUWo7mD8PObjoWFhYWF5V/AN1NeUoNO48jVl8iQc8Hj8SAs74VeDV0g5n2rEt7DhXPTgej7Z1X0m2SKcVocVO40BT3LvMbKSzaYsnkJ3K52R5BVTaw87IMRdXSKySsSW3ceQ4i8BU7vnYcqaj2AK0F0RBhubFgEcbATiDjgcuNx50kwIuydwNeSfZ6YHLXyoQ/3DmMx7HMUFzWKCJzcsgXPMmXgcjian6p2qoe04dtR/aet2D6q5vuEiAy+hUs+R/C4c2tUNf8MZYqFhYWFheVfwjdRXkLPrsPEsZOR0WQBBtTRQ9CpLVj762KcH7MKm2a3heG3KCQXUsqhEFtj0PyzcI2XIGrbTSS+voGzZ0Oh59gVwuwIXPANgJNjHzSoqgNSqCDL9sOS7r8j0bMPI2d7WOUqVMn3fHDCNxbd1

## 数组的方法
# push() #


定义和用法
	push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。


![44.png](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAtIAAAC7CAYAAABIDnkRAAAgAElEQVR4nO3db2xc13nn8UcUZUeU7YLZbdBu261XA5IIpO1qAAYBtkKKcJeAQIfRC5p8ZaLIC0FI1FACVkAai0Xf0HaK1QKyACIgVNRIqL5Y0QQiCRYEzEJBvEQNLwhQqOQGopZCtyjWqGNF6W7E2LEk9p4Z3uGZw3POPffOnX/i92PQM3P/nHvuHc7Mbx6de7nr6NGjG7t27RIAwJZPPvlEuru7Zffu3VLPe+Sjx0+ke3eXc/7Gxkb19vHjx/LkyRNZX18v36qfF154wbmu6luj/OpXv5Lnn3++Ye2j+dTvVU9PT/n+o0ePvMv+8pcPvfOfe25f+Vb9zirq91f9vu7Zs6dmufj3W7/vu/3w8UP5nZ5e2dtd2w7QTrq6uuTb3/52+fXU/dlnn8nnPve5VvcJANqKeqOMf+oJ0l0blbZcVHhQP2obKojE29T74etjo5j9QOfTn9Ok57ary/87H69vhmG93fj32nbfvI3n9z//W6n2CWgF9V4d61YhenFxsYXdAQAAADrDp59+Ku+99175PuUGAAAAIJA+ZIkgDQAAAGTQpadqAAAAAG5UpAEAAIA6ddsm2s6y9YmTuXlGrmsaAAAA0OmsQToO0OonTSh2rQcAAAA8DfSMaw3S5kJmVVp/bAZmAjQAAAB2AmeQ1tkupO4b8mGb5wvfAAAAQKexnmwYD8/40pe+FNxQvI4S/5Ui80+DmtMAAACATpJ41Q5zWIdeTbY91tep50/pAgAAAJ0icWhHmgqyfrKhyZxGZRoAAACdJuhkQ52vyuw72ZBL3wEAAOBp1Z224hxzhWtXeCZUAwAA4Gni/cuGy8vLcu3ateDGbH/IJQ7OjKEGAABAp6sZ2pFUIR4ZGaneD7nknfnXEF3jpa
	# js继承的概念 #

	js里常用的如下两种继承方式



	通过原型链方式实现继承（对象间的继承）类式继承（构造函数间的继承）由于js不像java那样是真正面向对象的语言，js是基于对象的，它没有类的概念。所以，要想实现继承，可以用js的原型prototype机制或者用apply和call方法去实现。
	# 定义和用法 #

	2find() 方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。

	# 实例 #：

	搜索所有段落中的后代 span 元素，并将其颜色设置为红色：$("p").find("span").css('color','red');
	# innerHTML #

	innerHTML 属性设置或返回标签的开始和结束标签之间的 HTML。



	# outerHTML #


	outerHTML.当前元素的开始标记和结束标记之间的所有文本和HTML标签。
	# 节点属性 #

	1.nodeName

	定义和用法
	nodeName 属性指定节点的节点名称。
	如果节点是元素节点，则 nodeName 属性返回标签名。
	如果节点是属性节点，则 nodeName 属性返回属性的名称。
	文本节点的nodeName 永远 #text
	对于其他节点类型，nodeName 属性返回不同节点类型的不同名称。
	当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。
	DOM是“Document Object Model”（文档对象模型）的首字母缩写。



	![61.png](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAmkAAAEzCAYAAABqjJTeAAAgAElEQVR4nOy955Ncx3X+f+7EzQB2kRPBTJFUoiKpnCOVRUUnuezyG/tX/iv8xq9cDlV2WV/JspVzjlQiJYqUGCSREjOR8wKbd+L99adnntnei5kNIMJS6Icc7IR7O99znj7ndHeSOlgb9XrdIiIiIiIiIiIizg5Jklg+nz8naeXOSSoRERERERERERHnFJGkRURERERERESsQUSSFhERERERERGxBhFJWkRERERERETEGkQkaRERERERERERaxCRpEVERERERERErEFEkhYRERERERERsQYRSVpERERERERExBpEJGkREREREREREWsQhYuTrQ45SDLvg49ZJNb796TLd8uVIO2VUWu34HONbH6rzSO8/3yUb7XleLpleDr1Wem9S/Xx2eQbERERERFxIXGRLGkiZ83232TRL9b1E+9zZ1xxNmg2mwupLqGo+S0q8oiIiIiIiIiLgYtkScsisQXy1cwwx5w1O9fwL/+l7SubwXVKI7Xe5rh2irlWDiJhWFz06qTmvtd1kLrlrDLLIUxPaYKVWthUzvCzruX7Xvd1K/fTrUuYxmpI7EryXa2FTXXPluds67hWLJYREREREREXkaSFrs5AoQaKsaUvHXkKaVtibZqWZqhY2qZxy7u4eNVqNZubm/NKuVQq+Veo4Ofn5/3vYGBgYNHvZwPSrFarnpxx8Gq3w1dX4rrTNY1Gw9dhKTLSjQCSb6FQWFFdkkV9kZ5BaleLLNHs9d1SWOm1Sne5eq42/4iIiIiIiAuFi0zSwr9tByhKExqWNi2XNEwkLQ2K2kwCLtc2nMkRupQdTUobi9aTTz5pd955p42Pj9sNN9xgL37xi210
	# setHours() #

	setHours() 方法用于设置指定的时间的小时字段。
	语法: dateObject.setHours(hour,min,sec,millisec)
	hour 必需。表示小时的数值，介于 0（午夜） ~ 23（晚上11点）之间，以本地时间计（下同）。
	min 可选。表示分钟的数值，介于 0 ~ 59 之间。在 EMCAScript 标准化之前，不支持该参数。
	sec 可选。表示秒的数值，介于 0 ~ 59 之间。在 EMCAScript 标准化之前，不支持该参数。
	millisec 可选。表示毫秒的数值，介于 0 ~ 999之间。在 EMCAScript 标准化之前，不支持该参数。
	# setFullYear() #

	定义和用法: setFullYear() 方法用于设置年份。
	语法: dateObject.setFullYear(year,month,day)
	year 必需。表示年份的四位整数。用本地时间表示。
	month 可选。表示月份的数值，介于 0 ~ 11 之间。用本地时间表示。
	day 可选。表示月中某一天的数值，介于 1 ~ 31 之间。用本地时间表示。
	# 日期对象创建 #


	Date 对象用于处理日期和时间。
	通过 new 关键词来定义 Date 对象。



	注释：Date对象自动使用当前的日期和时间作为其初始值。
	# 数组去重 #


	![51.png](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAi8AAAEACAYAAAB7xpY6AAAgAElEQVR4nOydB1wUxxfHf9e4OzrSO4IoIjbsWAF77713E0vsJbG32I29G3vvIvbeFQugIKAogvTerr//3oEKSFFj/sZkv34u4W5nZ97Mzu6+mXnzHocYwMLCwsLCwsLyg8D93gKwsLCwsLCwsHwJrPLCwsLCwsLC8kPBKi8sLCwsLCwsPxQ/uPIihd++3zF64jRsvxvz4VdlViQOzxuByasP43VaCVkkPcWKhb9i883obytaeiA2TpuMOcuP4K3i22UbcnoOho+ajG0XX367TFlYWFhYWH4g+N9bgC9HhdBDU9F0dRhmr1wAvs8urD6UhM5cUwSt2oVTIZUweWIFLJ6+AcG6QXCoWhsj6tkUmVv6I19sXroAiT4K1Li0CG5hB9Fr9Bygye+Y08EZKuKCn3of88Yuwh2ywrjlBzG8jn7JYma+wL71y3FNXBN6dRpibB2Tks9RpCHi5TtkqtQ21DxweSHYO2YFjr6Og8jYBMb6YmTGPINpRS+sW7IKVmUWo7mD8PObjoWFhYWF5V/AN1NeUoNO48jVl8iQc8Hj8SAs74VeDV0g5n2rEt7DhXPTgej7Z1X0m2SKcVocVO40BT3LvMbKSzaYsnkJ3K52R5BVTaw87IMRdXSKySsSW3ceQ4i8BU7vnYcqaj2AK0F0RBhubFgEcbATiDjgcuNx50kwIuydwNeSfZ6YHLXyoQ/3DmMx7HMUFzWKCJzcsgXPMmXgcjian6p2qoe04dtR/aet2D6q5vuEiAy+hUs+R/C4c2tUNf8MZYqFhYWFheVfwjdRXkLPrsPEsZOR0WQBBtTRQ9CpLVj762KcH7MKm2a3heG3KCQXUsqhEFtj0PyzcI2XIGrbTSS+voGzZ0Oh59gVwuwIXPANgJNjHzSoqgNSqCDL9sOS7r8j0bMPI2d7WOUqVMn3fHDCNxbd1
	# push() #


	定义和用法
	push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。



	![44.png](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAtIAAAC7CAYAAABIDnkRAAAgAElEQVR4nO3db2xc13nn8UcUZUeU7YLZbdBu261XA5IIpO1qAAYBtkKKcJeAQIfRC5p8ZaLIC0FI1FACVkAai0Xf0HaK1QKyACIgVNRIqL5Y0QQiCRYEzEJBvEQNLwhQqOQGopZCtyjWqGNF6W7E2LEk9p4Z3uGZw3POPffOnX/i92PQM3P/nHvuHc7Mbx6de7nr6NGjG7t27RIAwJZPPvlEuru7Zffu3VLPe+Sjx0+ke3eXc/7Gxkb19vHjx/LkyRNZX18v36qfF154wbmu6luj/OpXv5Lnn3++Ye2j+dTvVU9PT/n+o0ePvMv+8pcPvfOfe25f+Vb9zirq91f9vu7Zs6dmufj3W7/vu/3w8UP5nZ5e2dtd2w7QTrq6uuTb3/52+fXU/dlnn8nnPve5VvcJANqKeqOMf+oJ0l0blbZcVHhQP2obKojE29T74etjo5j9QOfTn9Ok57ary/87H69vhmG93fj32nbfvI3n9z//W6n2CWgF9V4d61YhenFxsYXdAQAAADrDp59+Ku+99175PuUGAAAAIJA+ZIkgDQAAAGTQpadqAAAAAG5UpAEAAIA6ddsm2s6y9YmTuXlGrmsaAAAA0OmsQToO0OonTSh2rQcAAAA8DfSMaw3S5kJmVVp/bAZmAjQAAAB2AmeQ1tkupO4b8mGb5wvfAAAAQKexnmwYD8/40pe+FNxQvI4S/5Ui80+DmtMAAACATpJ41Q5zWIdeTbY91tep50/pAgAAAJ0icWhHmgqyfrKhyZxGZRoAAACdJuhkQ52vyuw72ZBL3wEAAOBp1Z224hxzhWtXeCZUAwAA4Gni/cuGy8vLcu3ateDGbH/IJQ7OjKEGAABAp6sZ2pFUIR4ZGaneD7nknfnXEF3jpa