跳到主要內容

發表文章

目前顯示的是有「JavaScript」標籤的文章

Jquery 語法 2

基本選擇器 $("p") ：選出所有 <p> </p>的節點 $("#divId")：選出所有 <div id="divId"></div> 的節點 $(".divClass")：選出所有 <div class="divClass"></div> 的節點 階層選擇器 物件中的某一種物件(空白)：$('#div1 p').addClass('d1'); 物件中的所有物件(*)：$('#div1 *').addClass("d1); 之後符合條件的第一個(+)：$('#div1 + p').addClass('d1'); 之後符合的所有(~)：$('#div1 ~ p').addClass('d1'); 可進來這裡觀看階層選擇器範例：http:  jsfiddle.net/divaka/fuHFD/1/ 子元素選擇器 $("ul li:nth-child(2)");   第 2 個節點 $("ul li:nth-child(odd)");   所有奇數子節點 $("ul li:nth-child(3n + 1)");   1, 4, 7 … 個節點 $("div span:first-child")   所有的div元素的第一個子節點 $("div span:last-child")   所有的div元素的最後一個節點 $("div button:only-child")   所有只有一個 button 子節點的 div​​​​​​​​​​​​​​​​​​ 屬性過濾選擇器 $("div[id]");   選擇所有含有id屬性的div元素 $("input[name='Jack']");   選擇所有的name屬性等於'Jack'的input元素 $...
閱讀完整內容

Jquery 語法 1

下載 http://jquery.com/download/ http://jqueryui.com/download/ ----------------------------------------------------------------------------------------------------- google ajax library https://developers.google.com/speed/libraries/?csw=1#jquery 使用方式 jquery <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 使用方式 jqueryui <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css"> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> ----------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------- $('#container a');  取得 id 為 container 之元素其內部的所有連結 <a> $('div > p');  取得 div 父元素其下所有的 p 子元素 $('tr:first');  取...
閱讀完整內容

JavaScript Regex

字元  代表該字元, 例如輸入 a 就代表那個地方應該出現 a 這個字元 ^ 限制字串必須出現於行首, 例如 ^a 表這串字必須以 a 開頭; 如果 a 出現在其它地方, 都不算數 $ 限制字串必須出現於行末, 例如 a$ 表這串字必須以 a 結尾; 如果 a 出現在其它地方, 都不算數 \ 將特殊字元還原成字面意義的字元, 例如 \( 代表 ( 這個符號, \\ 代表 \ 這個符號; 這種表示法適用於 (, ), [, ] 等在 Regex 有特殊意義的字元 ^ 某字元以外的任何字元, 必須包在中括號裡面。例如 [^a] 表示 a 除外的任何字元或符號, [^a\t] 表示 a 和 tab 除外的任何字元或符號 - 字元集合中可使用 - 來指定字元的區間, 必須包在中括號裡面。例如 [a-z] 表示從 a 到 z 的英文小寫字元, [1-3] 表示從 1 到 3 這三個數字之一   + 其前的字元或字元集合出現一次或一次以上, 例如 a+ ? 其前的字元或字元集合可出現一次或不出現, 例如 a? * 其前的字元或字元集合可出現任何次數或不出現, 例如 a* (...)  用以括住一群字元,且將之視成一個集合, 通常用來集合表示多個檢核式 {n} 重複 n 次 {n,m} 重複 n 到 m 次 {n,} 至少重複 n 次 [] 其中之一字元可出現可不出現, 例如 [abc] 表示不論出現 a 或 b 或 c 都算符合 | 代表「或」, 例如 (Sun|Mon|Tue|Wed|Thu|Fri|Sat), (日|一|二|三|四|五|六) ; 必須以左右括號括住   . (句點符號) 代表除了換行符號 (\n) 以外的任一字元。如果要包括換行符號, 請使用 [\s\S] \w (\W) 代表任何英文,數字(以外的)的 字元,同[A-Za-z0-9_] \s (\S) 代表空白 (以外的) 字元 \d (\D) 代表數字 (以外的) 字元 \b (\B) 代表位於文字邊界的 (以外的) 字元, 例如 \bA 可以檢核出 AB, A\b 可以檢核出 BA, \bAA\b 可以檢核出 AA \r 代表換行字元 (或稱 CR, Carriage Return) \n 代表換行字元 (或稱 LF, ...
閱讀完整內容

JavaScript 語法 1

<html> <head> <script> function work() {    var x ;    //x = parseFloat(215.6 * 233).toFixed(2) ;    //x = new Date().getYear();    //x = new Date().getMonth() + 1;    //x = new Date().getDate();    //x = new Date().getDay();    //x = new Date().getHours();    //x = new Date().getMinutes();    x = new Date().getSeconds();    document.getElementById("demo").innerHTML = x;    t = setTimeout("work();",1000); } </script> </head> <body onload="work()"> <p id="demo"></p> </body> </html> -------------------------------------------------------------- //LTrim function LTrim(strTarget) {   var intBlankPos;   intBlankPos = strTarget.indexOf(' ')   while(intBlankPos == 0) {     strTarget = strTarget.substr(1)     intBlankPos = strTarget.indexOf(' ')   } ...
閱讀完整內容