前端

Bootstrap是基于HTML、CSS、JavaScript的前端框架 Bootstrap用于响应式前端布局，移动设备优先的Web项目开发 Bootstrap官网：https://v4.bootcs

什么是插件？ 插件是一个js库，用来做扩展功能的。 jQuery在线插件库 可在里面查找自己需要的插件 jQueryUI插件（jQuery user interface） jQueryUI插件是jQu

如何查看jQuery的版本? 通过jQuery文件名来查看jQuery的版本是不靠谱的做法（名字可改） 通过以下四种方式可以查看jQuery的版本 如果引入多个jQuery文件，则$属于后面的文件，即

jQuery的隐式迭代会对所有的DOM对象设置相同的值，但是如果我们需要给每一个对象设置不同的值的时候，就需要自己进行迭代了。 each()作用：遍历jQuery对象集合，为每个匹配的元素执行一个函数

当鼠标移入空心五角星时，该五角星和其前面的五角星变成实心。鼠标离开时，所有五角星为空心。 当鼠标点击某一空心五角星时，该五角星和其前面的五角星变为实心的。鼠标离开，保持不变。 代码：

jQuery事件对象其实就是js事件对象的一个封装，处理了兼容性。 jQuery中事件用参数e来获取 例如： screenX和screenY。对应屏幕最左上角的值 clientX和clientY。距离

jQuery1.7之后，jQuery用on统一了所有事件的注册方式。 on简单注册事件 不支持动态注册 语法： $(元素).on(事件名,function); 例如： on委托注册 支持动态注册 $(

宽高 width() height() 获取或者设置元素的宽高,这个宽高不包括padding/border/margin 获取 设置 innerwidth()/innerHeight() 方法返回元素

获取属性 attr(属性名); 自带属性和自定义属性都可获取。如果没有该属性，则返回undefined 设置属性 attr(属性名，属性值); 可修改自带属性和自定义属性。如果没有该属性，则添加 可修

原生js是通过value属性来获取/设置表单内容 jQuery中是通过val()方法来获取/设置表单内容 val()方法不给参数就是获取表单内容 val()方给参数就是设置表单内容 动态数据添加和删除

语法： $(selector).clone(true|false); 参数： 参数不管是true还是false，都会克隆后代节点 true：会把事件一起克隆过去。 false：不会克隆事件。默认不写为

清空内容 empty();从被选元素中删除子元素 清空内容不推荐使用元素.html("");该方法可能会使元素删除，而元素绑定的事件没删除，从而造成内存泄漏。 删除元素 remove(); 删除被选元

对<select></select> 标签使用appendTo()方法，进行多个选项或单个选项的转移。 <select></select> 标签的multiple属性可同时选择多个选项。 代码：

原生js中创建节点方法： document.write("<div></div>");可以打开标准流，添加元素，再关闭标准流。该方法慎用，可能会覆盖掉页面。 innerHTML("<div></div

语法： animate(prop[, speed, easing, callback])； 参数1:必选的。对象代表的是需要做动画的属性 参数2:可选的。代表执行动画的时长 参数3:可选的。easin

显示 show([speed,callback]); 可选参数1：代表执行动画的时长，毫秒数，也可以是代表时长的字符串：fast(200毫秒)、 normal(400毫秒)、 slow(600毫秒)

当点击水平导航栏选项时，该选项出现红色上边框。并且对应下面图片内容更换。 需要给水平导航栏选项绑定两个事件。 通过添加类进行实现。 代码：

添加类addClass()：可对元素添加一个或多个类 删除类addClass()：可删除元素的一个类或多个类或所有类 判断类hasClass()：判断一个元素有没有某个类,如果有就返回true,如果没

当点击左侧或右侧商品名称，中间即可显示对应商品的图片。 用index将商品名和图片对应起来。 代码：

点击标题，对应的div展开，其他的div合上。 jQuery特性:隐式迭代 jQuery特性:链式编程,在于一个方法返回的是一个jQuery对象,既然是jQueyc对象就可以继续点出jQuery的方法