项目实训-中医药知识图谱6

JS部分代码主要采用JQuery库

Bootstrap的每个组件，都只是仅仅提供了框架和样式，要让组件具有交互行为和动态效果，还需要JavaScript插件的配合。

Bootstrap的所有插件，都是建立在jQuery框架基础上的标准jQuery插件。因此，在导入插件前，还要导入jQuery库。如：

<script src="js/jquery.js"></script>
Bootstrap的 bootstrap.js 和 bootstrap.min.js 文件中包含了所有的插件，前者是未压缩版本，后者是压缩版本。只需导入其中的任意一个文件，就能一次性导入所有的插件。如：

<script src="js/bootstrap.min.js"></script>
Bootstrap还为每个插件提供了一个独立的JavaScript 文件，你可以根据所使用的组件，有选择地导入所需要的插件。如，单独导入模态对话框插件：

<script src="js/bootstrap-modal.js"></script>

jQuery的核心方法：$(),jQuery()
* $("css选择器")：匹配返回与css选择器相匹配的jQuery对象
* $(Node): 将参数的Node节点转换为jQuery对象的形式
* $("HTML代码片段") 生成一个jQuery对象，类似于document.createElement()
* $(function(){}) : 类似于window.onload事件,代表页面加载完毕之后。
jQuery对象：类数组，由若干个Node节点构成的一个类数组，不同于Node或NodeList，属性和方法互不相通。
jQuery对象下的方法：
* addClass()   追加类名
* removeClass()删除类名
* toggleClass()追加/删除类名
* hasClass() 检测是否含有类名
* html() 设置/获取元素的开始标签与结束标签之间的内容
* val() 设置/获取元素的value属性的属性值
* attr() 设置/获取元素的行内属性
* show()
* hide()
* toggle()
* fadeIn(速率("fast" | "slow" | Number毫秒数),回调)
* fadeOut()
* fadeToggle()
* slideDown()
* slideUp()
* slideToggle()
* css({}) css("css属性名") 设置/获取元素的行内样式
* animate({},执行时间,回调) 设置/获取元素的行内样式并执行动画
* closest("css选择器") 从调用方法的元素为起始位置，逐层向上寻找祖先级元素，直到找到第一个与css选择器相匹配的祖先级元素为止，并将其返回。
* find("css选择器") 从调用方法的元素为起始位置，寻找与css选择器相匹配的所有的子孙级元素.
* clone(true/false) 克隆元素，可以连同事件一块儿克隆
* append()
* appendTo()
* prepend()
* prependTo()
* after()
* before()
* width()   获取宽高
* innerWidth() 获取宽高+内填充
* outerWidth() 获取宽高+内填充+外边框
* each(function(index,node){}) 用于枚举jQuery对象

jQuery对象绑定事件

	
	jQuery对象.去on事件名(function(){
	
		this	//原生js对象
		
	})