DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> js的一些常用方法小結
js的一些常用方法小結
編輯:JavaScript基礎知識     

Val(),append(),get(),split(),substr(),each(),html(),keyup(),trim(),show(),hide(),indexOf()
一個一個來看:
Val():來對一個頁面元素進行取值和賦值
取值:var result = $(“#txtSearch”).val();
賦值:$(“#txtSearch”).val(result);

Each():對一個集合的操作,對集合裡面的每一個元素進行後面的方法調用,例如:
$.each(data.list, function (i, item) {
Alert(item["WikiTitle"]”+” item["WikiID"]);//i是集合的元素下表,item代表元素本身
});

Append():在指定的頁面元素後面追加元素
比如一個列表元素<li>test!</li>,像這樣的頁面元素就可以通過append方法來動態添加多個<li>項例如:
頁面裡面有一個id="div_keycontent"的div: <div id="div_keycontent"></div>
Js裡面就可以這樣寫:
$.each(data.list, function (i, item) {
$("#div_keycontent").append("<li>" + item["WikiTitle"] + " <a href=\"Read/" + item["WikiID"] + "\" >查看</a>" + "</li>");
});

Get():在頁面上異步獲取數據,這種方式是異步綁定的形式,在我的前面的文章裡面有交代,這裡就不說了吧。

Spilt():對字符串進行操作例如:
Var str = spit(“liu,ming,feng”,”,”);
這樣返回的str就是一個字符串數組:{“liu”,”ming”,”feng”}

Substr();對字符串操作的,去裡面的子字符串
用法:
///判斷最後一個字符是否為逗號
if (str.substring(str.length - 1, str.length) == "," || str.substring(str.length - 1, str.length) == ","){
alert(“最後一個字符是逗號!”);
}

Html():修改一個html的標簽的內容,例如:
$("#div_keycontent").html("<p>沒有數據</p>");

Keyup();鍵盤按下彈起觸發的方法
$("#txtSearchKey").keyup(function () {
$("#div_keycontent").html("<p>數據檢索中....</p>");
});

Trim():去掉字符串的首尾空格
用法:str.trim();

Show():讓頁面元素顯示例如:$("#txtSearchKey").show();
Hide():隱藏頁面的元素例如:$("#txtSearchKey").hide();

Indexof():查看字符串的中是否有對應的子字符串
用法:
if (str.indexOf(',,') != -1 || str.indexOf(',,') != -1) {///判斷是否有連逗號
alert(“有兩個逗號連用!”);
}

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved