作为一名工作7年的过来人，以前我也是做前段那几年要求不高只要会html css js 就行，随着近几年发展各种新技术层出不穷，前端要求也越来越高，比如流行的node，vue，jquery，webpack，bootstrap不在局限于原来的html css等了，如果想在这行混下去必须不断的学习，目前我主做后台开发不过前台这些也在学，互联网这块不学就跟不上了。

这要看项目属性，是课程设计、还是生产项目；如果是生产项目，还要看有没有特别的版权、保密要求。对于普通的商业化项目来说，不用第三方框架很不明智，除非它的前端功能太少，主要事情都在后端干了。

但课程设计之类的不同，老师可能更需要看你对一些基础知识的掌握能力，自己用原生开发更能深入理解掌握前端的基础技术；在做的过程中可以适当参考借鉴第三方框架组件。

一、JS基本选择器是JQuery中最常用的选择器，也是最简单的选择器，它通过元素id、class 和标签名来查找DOM元素。这个非常重要，下面的内容都是以此为基础，逐级提高的。

1).“$(“#id”)”，获取id指定的元素，id是全局唯一的，所以它只有一个成员。

2).“$(“.class”)”，获取class指定的元素，不同的元素可以具有相同的class属性，所以它可能具有多个成员。

3).“$(“element”)”，获取element（元素名，比如div、table等）指定的元素，它可能具有多个成员。

4).“$(“*”)”，获取所有元素，相当于document。

5).“$(“selector1,selector2,…,selectorN”)”，将每个选择器匹配到的元素合并后一起返回。返回selector1匹配的集合+selector2匹配的集合+…+selectorN匹配的集合。

二、层次选择器

什么是层次？层次就是父子关系、兄弟关系的节点。所以，层次选择器就是用来获取指定元素的父子节点、兄弟节点。

1).“$(“ancestor descendant”)”，获取ancestor元素下边的所有元素。

2).“$(“parent > child”)”，获取parent元素下边的所有子元素（只包含第一层子元素）。

3).“$(“pre + next”)”，获取紧随pre元素的后一个兄弟元素。

4).“$(“pre ~ siblings”)”，获取pre元素后边的所有兄弟元素。

css样式属性list-style-image ：设定列表项目符号的自定义图像。其值是一个引用图像的URL路径。

url ( url ) —— 使用绝对或相对 url 地址指定图像。