js的一些常用方法小結(jié)
Val(),append(),get(),split(),substr(),each(),html(),keyup(),trim(),show(),hide(),indexOf()
一個一個來看:
Val():來對一個頁面元素進行取值和賦值
取值:var result = $(“#txtSearch”).val();
賦值:$(“#txtSearch”).val(result);
Each():對一個集合的操作,對集合里面的每一個元素進行后面的方法調(diào)用,例如:
$.each(data.list, function (i, item) {
Alert(item["WikiTitle"]”+” item["WikiID"]);//i是集合的元素下表,item代表元素本身
});
Append():在指定的頁面元素后面追加元素
比如一個列表元素<li>test!</li>,像這樣的頁面元素就可以通過append方法來動態(tài)添加多個<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():在頁面上異步獲取數(shù)據(jù),這種方式是異步綁定的形式,在我的前面的文章里面有交代,這里就不說了吧。
Spilt():對字符串進行操作例如:
Var str = spit(“l(fā)iu,ming,feng”,”,”);
這樣返回的str就是一個字符串數(shù)組:{“l(fā)iu”,”ming”,”feng”}
Substr();對字符串操作的,去里面的子字符串
用法:
///判斷最后一個字符是否為逗號
if (str.substring(str.length - 1, str.length) == "," || str.substring(str.length - 1, str.length) == ","){
alert(“最后一個字符是逗號!”);
}
Html():修改一個html的標簽的內(nèi)容,例如:
$("#div_keycontent").html("<p>沒有數(shù)據(jù)</p>");
Keyup();鍵盤按下彈起觸發(fā)的方法
$("#txtSearchKey").keyup(function () {
$("#div_keycontent").html("<p>數(shù)據(jù)檢索中....</p>");
});
Trim():去掉字符串的首尾空格
用法:str.trim();
Show():讓頁面元素顯示例如:$("#txtSearchKey").show();
Hide():隱藏頁面的元素例如:$("#txtSearchKey").hide();
Indexof():查看字符串的中是否有對應的子字符串
用法:
if (str.indexOf(',,') != -1 || str.indexOf(',,') != -1) {///判斷是否有連逗號
alert(“有兩個逗號連用!”);
}
相關(guān)文章
js中g(shù)etBoundingClientRect( )方法案例詳解
這篇文章主要介紹了js中g(shù)etBoundingClientRect( )方法案例詳解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細內(nèi)容,需要的朋友可以參考下2021-07-07JavaScript學習筆記整理_setTimeout的應用
下面小編就為大家?guī)硪黄狫avaScript學習筆記整理_setTimeout的應用。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-09-09JavaScript中用于四舍五入的Math.round()方法講解
這篇文章主要介紹了JavaScript中用于四舍五入的Math.round()方法講解,是JS入門學習中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06