作為一名工作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 地址指定圖像。