分享人：蔡永堅(jiān)

1. 查看數(shù)據(jù)庫(kù)操作記錄

SELECT 
       SUBSTRING(ST.text, ( QS.statement_start_offset / 2 ) + 1,
                  ( ( CASE statement_end_offset
                        WHEN -1 THEN DATALENGTH(st.text)
                        ELSE QS.statement_end_offset
                      END - QS.statement_start_offset ) / 2 ) + 1) AS '執(zhí)行語(yǔ)句',
       ST.text AS '未格式化語(yǔ)句',
       QS.execution_count AS '執(zhí)行次數(shù)',
       QS.total_elapsed_time  '總花費(fèi)時(shí)間（毫秒）',
       QS.total_logical_reads AS '邏輯讀取次數(shù)',
       QS.total_logical_writes AS '邏輯寫入次數(shù)',
       QS.total_physical_reads AS '物理讀取次數(shù)',       
       QS.creation_time AS '編譯計(jì)劃的時(shí)間' ,  
       last_execution_time AS '上次執(zhí)行時(shí)間',
       QS.*
FROM   sys.dm_exec_query_stats QS
       CROSS APPLY 
sys.dm_exec_sql_text(QS.sql_handle) ST
WHERE  QS.creation_time > '2017-09-27 13:33:40'
ORDER BY  QS.last_execution_time  desc

image.png

2. 彈窗問(wèn)題

A頁(yè)面通過(guò)AlertPage彈出高為200px的B頁(yè)面，若在B頁(yè)面再AlertPage出一個(gè)高為400的C頁(yè)面译柏，直接彈出的話效果如下圖镣煮。

image.png

這時(shí)若我們想要打卡C時(shí)C能完全顯示，不彈出C時(shí)B高度依然為200px鄙麦，這時(shí)我們要在打開C時(shí)將B的高度調(diào)大，C關(guān)閉時(shí)B高度變回200px镊折。

AlertPage('M.aspx', 'C', 450, 400);
//設(shè)置C關(guān)閉時(shí)變回200px
OpeningDialog.openingDialog.bind("close", function () {
parent.OpeningDialog.openingDialog.jiframe.parent().css("height", "200px")},this);
//打開時(shí)高度變成450px
parent.OpeningDialog.openingDialog.jiframe.parent().css("height", "450px");

效果如下圖所示：

image.png

3. JS選擇器

建議：JS里的代碼用單引號(hào)胯府。
好處之一：Html中用的是雙引號(hào)，在JS中調(diào)用Html代碼的時(shí)候可以直接復(fù)制恨胚。

• 基本選擇器

基本選擇器是JQuery中最常用的選擇器骂因，也是最簡(jiǎn)單的選擇器，它通過(guò)元素id赃泡、class 和標(biāo)簽名來(lái)查找DOM元素寒波。這個(gè)非常重要，下面的內(nèi)容都是以此為基礎(chǔ)升熊，逐級(jí)提高的俄烁。
1).“$(“#id”)”，獲取id指定的元素级野，id是全局唯一的页屠，所以它只有一個(gè)成員。
2).“$(“.class”)”蓖柔，獲取class指定的元素辰企，不同的元素可以具有相同的class屬性，所以它可能具有多個(gè)成員况鸣。
3).“$(“element”)”牢贸，獲取element（元素名，比如div镐捧、table等）指定的元素潜索，它可能具有多個(gè)成員。
4).“$(“*”)”愤估，獲取所有元素帮辟，相當(dāng)于document。
5).“$(“selector1,selector2,…,selectorN”)”玩焰，將每個(gè)選擇器匹配到的元素合并后一起返回由驹。返回selector1匹配的集合+selector2匹配的集合+…+selectorN匹配的集合。

• 層次選擇器

什么是層次？層次就是父子關(guān)系蔓榄、兄弟關(guān)系的節(jié)點(diǎn)并炮。所以，層次選擇器就是用來(lái)獲取指定元素的父子節(jié)點(diǎn)甥郑、兄弟節(jié)點(diǎn)逃魄。
1).“$(“ancestor descendant”)”，獲取ancestor元素下邊的所有元素澜搅。
2).“$(“parent > child”)”伍俘，獲取parent元素下邊的所有子元素（只包含第一層子元素）。
3).“$(“pre + next”)”勉躺，獲取緊隨pre元素的后一個(gè)兄弟元素癌瘾。
4).“$(“pre ~ siblings”)”，獲取pre元素后邊的所有兄弟元素饵溅。

• 過(guò)濾選擇器

過(guò)濾妨退？肯定是要添加過(guò)濾條件的。通過(guò)“:”添加過(guò)濾條件蜕企，比如“$(“div:first”)”返回div元素集合的第一個(gè)div元素咬荷，first是過(guò)濾條件。
按照不同的過(guò)濾規(guī)則轻掩，過(guò)濾選擇器可以分為基本過(guò)濾幸乒，內(nèi)容過(guò)濾，可見性過(guò)濾放典，屬性過(guò)濾逝变，子元素過(guò)濾和表單對(duì)象屬性過(guò)濾選擇器。

1). 基本過(guò)濾選擇器

a) “:first”奋构，選取第一個(gè)元素壳影，別忘記它也是被放在一個(gè)集合里哦！因?yàn)镴Query它是DOM對(duì)象的一個(gè)集合弥臼。如宴咧，“$("tr:first")”返回所有tr元素的第一個(gè)tr元素，它仍然被保存在集合中径缅。
b) “:last”掺栅，選取最后一個(gè)元素。如纳猪，“$("tr:last")”返回所有tr元素的最后一個(gè)tr元素氧卧，它仍然被保存在集合中。
c) “:not(selector)”氏堤，去除所有與給定選擇器匹配的元素沙绝。如，“$("input:not(:checked)")”返回所有input元素，但去除被選中的元素（單選框闪檬、多選框）星著。
d) “:even”，選取所有元素中偶數(shù)的元素粗悯。因?yàn)镴Query對(duì)象是一個(gè)集合虚循，這里的偶數(shù)指的就是集合的索引，索引從0開始样傍。
e) “:odd”横缔，選取所有元素中奇數(shù)的元素，索引從0開始铭乾。
f) “:eq(index)”剪廉，選取指定索引的元素，索引從0開始炕檩。
g) “:gt(index)”，選取索引大于指定index的元素捌斧，索引從0開始笛质。
h) “:lt(index)”，選取索引小于指定index的元素捞蚂，索引從0開始妇押。
i) “:header”，選取所有的標(biāo)題元素姓迅，如hq敲霍、h2等。
j) “:animated”丁存，選取當(dāng)前正在執(zhí)行的所有動(dòng)畫元素肩杈。

2). 內(nèi)容過(guò)濾選擇器

它是對(duì)元素和文本內(nèi)容的操作。
a) “:contains(text)”解寝，選取包含text文本內(nèi)容的元素扩然。
b) “:empty”，選取不包含子元素或者文本節(jié)點(diǎn)的空元素聋伦。
c) “:has(selector)”夫偶，選取含有選擇器所匹配的元素的元素。
d) “:parent”觉增，選取含有子元素或文本節(jié)點(diǎn)的元素兵拢。（它是一個(gè)父節(jié)點(diǎn)）

3). 可見性過(guò)濾選擇器

根據(jù)元素的可見與不可見狀態(tài)來(lái)選取元素。
“:hidden”逾礁，選取所有不可見元素说铃。
“:visible”，選擇所有可見元素。
可見選擇器：hidden 不僅包含樣式屬性 display 為 none 的元素截汪，也包含文本隱藏域 (<input type=“hidden”>)和 visible:hidden 之類的元素疾牲。

4).屬性過(guò)濾選擇器

通過(guò)元素的屬性來(lái)選取相應(yīng)的元素。
a) “[attribute]”衙解，選取擁有此屬性的元素阳柔。
b) “[attribute=value]”，選取指定屬性值為value的所有元素蚓峦。
c) “[attribute !=value]”舌剂，選取屬性值不為value的所有元素。
d) “[attribute ^= value]”暑椰，選取屬性值以value開始的所有元素霍转。
e) “[attribute $= value]”，選取屬性值以value結(jié)束的所有元素一汽。
f) “[attribute *= value]”避消，選取屬性值包含value的所有元素。
g) “[selector1] [selector2]…[selectorN]”召夹，復(fù)合性選擇器岩喷，首先經(jīng)[selector1]選擇返回集合A，集合A再經(jīng)過(guò)[selector2]選擇返回集合B监憎，集合B再經(jīng)過(guò)[selectorN]選擇返回結(jié)果集合纱意。

5). 子元素過(guò)濾選擇器

一看名字便是，它是對(duì)某一元素的子元素進(jìn)行選取的鲸阔。
a) “:nth-child(index/even/odd)”偷霉，選取索引為index的元素、索引為偶數(shù)的元素褐筛、索引為奇數(shù)的元素类少。
l nth-child(even/odd)：能選取每個(gè)父元素下的索引值為偶(奇)數(shù)的元素。
l nth-child(2)：能選取每個(gè)父元素下的索引值為 2 的元素死讹。
l nth-child(3n)：能選取每個(gè)父元素下的索引值是 3 的倍數(shù)的元素瞒滴。
l nth-child(3n + 1)：能選取每個(gè)父元素下的索引值是 3n + 1的元素。
b) “:first-child”赞警，選取第一個(gè)子元素妓忍。
c) “:last-child”，選取最后一個(gè)子元素愧旦。
d) “:only-child”世剖，選取唯一子元素，它的父元素只有它這一個(gè)子元素笤虫。

6). 表單過(guò)濾選擇器

選取表單元素的過(guò)濾選擇器旁瘫。
a) “:input”祖凫，選取所有<input>、<textarea>酬凳、<select >和<button>元素惠况。
b) “:text”，選取所有的文本框元素宁仔。
c) “:password”稠屠，選取所有的密碼框元素。
d) “:radio”翎苫，選取所有的單選框元素权埠。
e) “:checkbox”，選取所有的多選框元素煎谍。
f) “:submit”攘蔽，選取所有的提交按鈕元素。
g) “:image”呐粘，選取所有的圖像按鈕元素满俗。
h) “:reset”，選取所有重置按鈕元素作岖。
i) “:button”漫雷，選取所有按鈕元素。
j) “:file”鳍咱，選取所有文件上傳域元素。
k) “:hidden”与柑，選取所有不可見元素谤辜。

7).表單對(duì)象屬性過(guò)濾選擇器

選取表單元素屬性的過(guò)濾選擇器。
“:enabled”价捧，選取所有可用元素丑念。
“:disabled”，選取所有不可用元素结蟋。
“:checked”脯倚，選取所有被選中的元素，如單選框嵌屎、復(fù)選框推正。
“:selected”，選取所有被選中項(xiàng)元素宝惰，如下拉列表框植榕、列表框。

JQuery選擇器大全

鏈接：jQuery選擇器總結(jié)

jQuery 的選擇器可謂之強(qiáng)大無(wú)比尼夺，這里簡(jiǎn)單地總結(jié)一下常用的元素查找方法

$("#myELement") 選擇id值等于myElement的元素尊残，id值不能重復(fù)在文檔中只能有一個(gè)id值是myElement所以得到的是唯一的元素
$("div") 選擇所有的div標(biāo)簽元素炒瘸，返回div元素?cái)?shù)組
$(".myClass") 選擇使用myClass類的css的所有元素
$("*") 選擇文檔中的所有的元素，可以運(yùn)用多種的選擇方式進(jìn)行聯(lián)合選擇：例如$("#myELement,div,.myclass")

• 層疊選擇器：

$("form input") 選擇所有的form元素中的input元素
$("#main > *") 選擇id值為main的所有的子元素
$("label + input") 選擇所有的label元素的下一個(gè)input元素節(jié)點(diǎn)寝衫，經(jīng)測(cè)試選擇器返回的是label標(biāo)簽后面直接跟一個(gè)input標(biāo)簽的所有input標(biāo)簽元素
$("#prev ~ div") 同胞選擇器顷扩，該選擇器返回的為id為prev的標(biāo)簽元素的所有的屬于同一個(gè)父元素的div標(biāo)簽

• 基本過(guò)濾選擇器：

$("tr:first") 選擇所有tr元素的第一個(gè)
$("tr:last") 選擇所有tr元素的最后一個(gè)
$("input:not(:checked) + span")

過(guò)濾掉：checked的選擇器的所有的input元素

$("tr:even") 選擇所有的tr元素的第0，2慰毅，4... ...個(gè)元素（注意：因?yàn)樗x擇的多個(gè)元素時(shí)為數(shù)組隘截，所以序號(hào)是從0開始）

$("tr:odd") 選擇所有的tr元素的第1，3事富，5... ...個(gè)元素
$("td:eq(2)") 選擇所有的td元素中序號(hào)為2的那個(gè)td元素
$("td:gt(4)") 選擇td元素中序號(hào)大于4的所有td元素
$("td:ll(4)") 選擇td元素中序號(hào)小于4的所有的td元素
$(":header")
$("div:animated")

• 內(nèi)容過(guò)濾選擇器：

$("div:contains('John')") 選擇所有div中含有John文本的元素
$("td:empty") 選擇所有的為空（也不包括文本節(jié)點(diǎn)）的td元素的數(shù)組
$("div:has(p)") 選擇所有含有p標(biāo)簽的div元素
$("td:parent") 選擇所有的以td為父節(jié)點(diǎn)的元素?cái)?shù)組

• 可視化過(guò)濾選擇器：

$("div:hidden") 選擇所有的被hidden的div元素
$("div:visible") 選擇所有的可視化的div元素
屬性過(guò)濾選擇器：

$("div[id]") 選擇所有含有id屬性的div元素
$("input[name='newsletter']") 選擇所有的name屬性等于'newsletter'的input元素

$("input[name!='newsletter']") 選擇所有的name屬性不等于'newsletter'的input元素

$("input[name^='news']") 選擇所有的name屬性以'news'開頭的input元素
$("input[name$='news']") 選擇所有的name屬性以'news'結(jié)尾的input元素
$("input[name*='man']") 選擇所有的name屬性包含'news'的input元素

$("input[id][name$='man']") 可以使用多個(gè)屬性進(jìn)行聯(lián)合選擇技俐，該選擇器是得到所有的含有id屬性并且那么屬性以man結(jié)尾的元素

• 子元素過(guò)濾選擇器：

$("ul li:nth-child(2)"),$("ul li:nth-child(odd)"),$("ul li:nth-child(3n + 1)")

$("div span:first-child") 返回所有的div元素的第一個(gè)子節(jié)點(diǎn)的數(shù)組
$("div span:last-child") 返回所有的div元素的最后一個(gè)節(jié)點(diǎn)的數(shù)組
$("div button:only-child") 返回所有的div中只有唯一一個(gè)子節(jié)點(diǎn)的所有子節(jié)點(diǎn)的數(shù)組

• 表單元素選擇器：

$(":input") 選擇所有的表單輸入元素，包括input, textarea, select 和 button

$(":text") 選擇所有的text input元素
$(":password") 選擇所有的password input元素
$(":radio") 選擇所有的radio input元素
$(":checkbox") 選擇所有的checkbox input元素
$(":submit") 選擇所有的submit input元素
$(":image") 選擇所有的image input元素
$(":reset") 選擇所有的reset input元素
$(":button") 選擇所有的button input元素
$(":file") 選擇所有的file input元素
$(":hidden") 選擇所有類型為hidden的input元素或表單的隱藏域

• 表單元素過(guò)濾選擇器：

$(":enabled") 選擇所有的可操作的表單元素
$(":disabled") 選擇所有的不可操作的表單元素
$(":checked") 選擇所有的被checked的表單元素
$("select option:selected") 選擇所有的select 的子元素中被selected的元素