# jQery第一天新體驗

1.語法
$("*") 選取所有元素
$(this) 選取當前HTML元素
$(“p.intro”) 選取class爲intro的p元素
$(“p:first”) 選取第一個p元素
$(“ul li:first”) 選取第一個ul元素的第一個li元素
$(“ul li:first-child”) 選取每個ul元素的第一個li元素
$("[href]") 選取帶有href屬性的元素
$(“a[target=’_blank’]”) 選取所有target屬性值等於“_blank”的a元素
$(“a[target!=’_blank’”) 選取所有target屬性值不等於“_blank”的a元素
$(":button") 選取所有type="button"的的元素和元素
$(“tr:even”) 選取偶數位置的元素
$(“trodd”) 選取奇數位置的元素

2.選擇器
jquery中選擇器：id 類 類型 屬性 屬性值
jquery中所有的選擇器都以美元符號開頭：$()。

3.什麼是事件？
頁面對不同訪問者的響應叫做事件。
事件處理程序值得是當HTML中發生某些事件時所調用的方法。
eg:在元素上移動鼠標。
選取單選按鈕。
點擊元素。

4.常見DOM事件
鼠標事件：click dblclick mouseenter mouseleave hover
鍵盤事件：keypress keydown keyup
表單事件：submit change focus blur
文檔/窗口事件：load resize scroll unload

鏈接: link.

圖片:

帶尺寸的圖片:

居中的圖片:

居中並且帶尺寸的圖片:

當然，我們爲了讓用戶更加便捷，我們增加了圖片拖拽功能。

如何插入一段漂亮的代碼片

去博客設置頁面，選擇一款你喜歡的代碼片高亮樣式，下面展示同樣高亮的 代碼片.

// An highlighted block
var foo = 'bar';

生成一個適合你的列表

• 項目
  • 項目
    • 項目

1. 項目1
2. 項目2
3. 項目3

• 計劃任務
• 完成任務

創建一個表格

一個簡單的表格是這麼創建的：

項目	Value
電腦	$1600
手機	$12
導管	$1

設定內容居中、居左、居右

使用:---------:居中
使用:----------居左
使用----------:居右

第一列	第二列	第三列
第一列文本居中	第二列文本居右	第三列文本居左

SmartyPants

SmartyPants將ASCII標點字符轉換爲“智能”印刷標點HTML實體。例如：

TYPE	ASCII	HTML
Single backticks	'Isn't this fun?'	‘Isn’t this fun?’
Quotes	"Isn't this fun?"	“Isn’t this fun?”
Dashes	-- is en-dash, --- is em-dash	– is en-dash, — is em-dash

創建一個自定義列表

Markdown

Text-to-HTML conversion tool

Authors

John

Luke

如何創建一個註腳

一個具有註腳的文本。¹

註釋也是必不可少的

Markdown將文本轉換爲 HTML。

KaTeX數學公式

您可以使用渲染LaTeX數學表達式 KaTeX:

Gamma公式展示 $\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$ 是通過歐拉積分

$\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.$

你可以找到更多關於的信息 LaTeX 數學表達式here.

新的甘特圖功能，豐富你的文章

• 關於 甘特圖 語法，參考 這兒,

UML 圖表

可以使用UML圖表進行渲染。 Mermaid. 例如下面產生的一個序列圖：

這將產生一個流程圖。:

• 關於 Mermaid 語法，參考 這兒,

FLowchart流程圖

我們依舊會支持flowchart的流程圖：

• 關於 Flowchart流程圖 語法，參考 這兒.

導出與導入

導出

如果你想嘗試使用此編輯器, 你可以在此篇文章任意編輯。當你完成了一篇文章的寫作, 在上方工具欄找到 文章導出 ，生成一個.md文件或者.html文件進行本地保存。

導入

如果你想加載一篇你寫過的.md文件，在上方工具欄可以選擇導入功能進行對應擴展名的文件導入，
繼續你的創作。

---

1. 註腳的解釋 ↩︎