现在比较流行的前端架构是mvvm模式，代表框架有vue,react，这种模式是前端开发的最为流行，也是代表着前端开发的方向。
而mvc模式也是还有使用的，代表就是jquery，在PC端开发的一些管理系统。
1 //获取兄弟元素 2 //$('.class').siblings() 当前元素所有的兄弟节点 3 //$('.class').prev() 当前元素前一个兄弟节点 4 //$('.class').prevaAll() 当前元素之前所有的兄弟节点 5 //$('.class').next() 当前元素之后第一个兄弟节点 6 //$('.class').nextAll() 当前元素之后所有的兄弟节点 7 8 //获取子元素 9 //$('.class').children()方法：获取该元素下的直接子集元素 10 //$('.class').find()方法：获取该元素下的所有子集元素 11 12 //获取父元素 13 //$('.class').parent() 当前元素的直接父元素 14 //$('.class').parents() 当前元素的祖先元素 15 //$('.class').closest() 当前元素向上遍历到指定元素结束 16 17 18 19 //$('.class').addClass(css中定义的样式类型); 给某个元素添加样式 20 //$('.class').attr({src:'test.jpg',alt:'test Image'}); 给某个元素添加属性/值，参数是map 21 //$('.class').attr('src','test.jpg'); 给某个元素添加属性/值 22 //$('.class').attr('title', function() { return this.src }); 给某个元素添加属性/值 23 //$('.class').html(); 获得该元素内的内容（元素，文本等） 24 //$('.class').html('<b>new stuff</b>'); 给某元素设置内容 25 //$('.class').removeAttr('属性名称') 给某元素删除指定的属性以及该属性的值 26 //$('.class').removeClass('class') 给某元素删除指定的样式 27 //$('.class').text(); 获得该元素的文本 28 //$('.class').text(value); 设置该元素的文本值为value 29 //$('.class').toggleClass(class) 当元素存在参数中的样式的时候取消,如果不存在就设置此样式 30 //$('.class').val(); 获取input元素的值 31 //$('.class').val(value); 设置input元素的值为value 32 //Manipulation： 33 //$('.class').after(content); 在匹配元素后面添加内容 34 //$('.class').append(content); 将content作为元素的内容插入到该元素的后面 35 //$('.class').appendTo(content); 在content后接元素 36 //$('.class').before(content); 与after方法相反 37 //$('.class').clone(布尔表达式) 当布尔表达式为真时，克隆元素（无参时，当作true处理） 38 //$('.class').empty() 将该元素的内容设置为空 39 //$('.class').insertAfter(content); 将该元素插入到content之后 40 //$('.class').insertBefore(content); 将该元素插入到content之前 41 //$('.class').prepend(content); 将content作为该元素的一部分，放到该元素的最前面 42 //$('.class').prependTo(content); 将该元素作为content的一部分，放content的最前面 43 //$('.class').remove(); 删除所有的指定元素 44 //$('.class').remove('exp'); 删除所有含有exp的元素 45 //$('.class').wrap('html'); 用html来包围该元素 46 //$('.class').wrap(element); 用element来包围该元素