js的一些常用方法小結(jié)
Val(),append(),get(),split(),substr(),each(),html(),keyup(),trim(),show(),hide(),indexOf()
一個一個來看:
Val():來對一個頁面元素進(jìn)行取值和賦值
取值:var result = $(“#txtSearch”).val();
賦值:$(“#txtSearch”).val(result);
Each():對一個集合的操作,對集合里面的每一個元素進(jìn)行后面的方法調(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():對字符串進(jìn)行操作例如:
Var str = spit(“l(fā)iu,ming,feng”,”,”);
這樣返回的str就是一個字符串?dāng)?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的標(biāo)簽的內(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():查看字符串的中是否有對應(yīng)的子字符串
用法:
if (str.indexOf(',,') != -1 || str.indexOf(',,') != -1) {///判斷是否有連逗號
alert(“有兩個逗號連用!”);
}
相關(guān)文章
js關(guān)閉子窗體刷新父窗體實(shí)現(xiàn)方法
本文將詳細(xì)介紹js關(guān)閉子窗體刷新父窗體實(shí)現(xiàn)方法,需要了解的朋友可以參考下2012-12-12js中g(shù)etBoundingClientRect( )方法案例詳解
這篇文章主要介紹了js中g(shù)etBoundingClientRect( )方法案例詳解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-07-07JavaScript對內(nèi)存分配及管理機(jī)制詳細(xì)解析
本文主要講述了JavaScript的垃圾回收原理和具體的過程。需要的朋友可以過來參考下,希望對大家有所幫助2013-11-11JavaScript學(xué)習(xí)筆記整理_setTimeout的應(yīng)用
下面小編就為大家?guī)硪黄狫avaScript學(xué)習(xí)筆記整理_setTimeout的應(yīng)用。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-09-09Javascript入門學(xué)習(xí)第一篇 js基礎(chǔ)
這是我看了DOM編程藝術(shù),悟透JavaScript,javascript權(quán)威指南5做的筆記,我資質(zhì)不深,不能寫出高深的文章, 如果你覺得筆記寫得不好,可以不看我以后的。這篇文章就當(dāng)作浪費(fèi)你幾分鐘。2008-07-07JavaScript中用于四舍五入的Math.round()方法講解
這篇文章主要介紹了JavaScript中用于四舍五入的Math.round()方法講解,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06