ホームページ >ウェブフロントエンド >jsチュートリアル >jquery の配列の走査とフィルタリング、および json の走査と解析のいくつかの方法
jquery の配列の走査とフィルタリング、および json の走査と解析のいくつかの方法
- WBOYオリジナル
- 2016-05-16 17:09:221545ブラウズ
jquery grep() は配列をフィルタリングして走査します
コードをコピー コードは次のとおりです:
$().ready (
function(){
var array = [1,2,3,4,5,6,7,8,9];
var filterarray = $.grep(array ,function(value) {
return value > 5; // 5 より大きい
}) を除外します。
for(var i=0;i
}
for (filterarray のキー){
alert(filterarray[key]);
}
}
); >
jquery each() は配列をフィルタリングして走査します
コードをコピー コードは次のとおりです:
$().ready ( function(){
var anObject = {one:1,two:2,three:3};//json 配列の場合、それぞれ
$ .each(anObject,function(name,value) {
alert(name);
alert(value);
});
var anArray = ['one','two',' 3'];
$.each(anArray ,function(n,value){
alert(n);
alert(value);
}
}
);
jquery inArray() は配列をフィルタリングして走査します
var anObject = {one:1,two:2,three:3};//json 配列の場合、それぞれ
$ .each(anObject,function(name,value) {
alert(name);
alert(value);
});
var anArray = ['one','two',' 3'];
$.each(anArray ,function(n,value){
alert(n);
alert(value);
}
}
);
jquery inArray() は配列をフィルタリングして走査します
function(){
var anArray = ['one','two','three'];
var Index = $.inArray('two',anArray);
alert (index);//配列内の値のキー値を返し、1 を返します
alert(anArray[index]);//value 2 つの
}
);
jquery map() フィルターと配列の走査
var Index = $.inArray('two',anArray);
alert (index);//配列内の値のキー値を返し、1 を返します
alert(anArray[index]);//value 2 つの
}
);
jquery map() フィルターと配列の走査
コードをコピー コードは次のとおりです。 $() .ready(
function(){ var strings = ['0','1','2 ','3','4','S','6'];
var 値 = $.map(strings,function(value){
var result = new Number(value);
return isNaN(result) ? null:result;//isNaN:is Not a Number
}
);
for (値を入力) {
alert(values[ key]);
}
}
);
js のトラバースと解析 json オブジェクト 1
var 値 = $.map(strings,function(value){
var result = new Number(value);
return isNaN(result) ? null:result;//isNaN:is Not a Number
}
);
for (値を入力) {
alert(values[ key]);
}
}
);
js のトラバースと解析 json オブジェクト 1
コードをコピー コードは次のとおりです: var json = [{dd :'SB',AA:'东东',re1:123},{cccc: 'dd',lk:'1qw'}];
for(var i=0,l=json.length;ialert(key ':' json[i][key]);
}
}
js トラバーサルと json オブジェクト 2
には次のものがありますjson オブジェクト:
var obj ={"名前":"フォン・ジュアン","パスワード":"123456","部署":"技術部門","性別":"女性","古い":30} ;
トラバーサルメソッド:
コードをコピー コードは次のとおりです: for( var p in obj){
str = str obj[p] ','; return str;
以下は具体的な実装方法を示す例です。
JQuery がオブジェクトを取得する方法
以下は具体的な実装方法を示す例です。
JQuery がオブジェクトを取得する方法
$('#id'): 要素の ID を使用します
$('tagName '): 要素のタグ名を渡します
$('tagName tagName'): 要素のタグ名を渡します。例: $('ul li')
$('tagName#id): ID とタグ名を渡します。
$(' :checkbox'): 入力タイプが checkbox' であるすべての要素を取得します:
例: value=" Imperial "/> $('span[price] input[type=text]'): 次の入力要素
input type="text" name=" Imperial.数量"
disabled="disabled" value="1"/>
$('div',$(this) .parents('div:first')): div の上の最初の div ノード (少なくとも親ノード) を取得します。
$('~span:first',this):
要素である this の最初の兄弟を見つけます。遅延読み込み js ファイル:
$.getScript
例:
Html ファイル:
コードをコピー
コードは次のとおりです:
$.getScript の例
< script type="text/javascript">
$(function(){
$('#loadButton').click(function(){
$.getScript(//Firefox/3.0 の場合。 1でエラーが表示されます（構文エラー、定義された変数は機能しません、ff2は問題ありません）
'new.stuff.js'//, function(){$('#inspectButton').click()}
);
});
$('#inspectButton').click(function(){
someFunction(someVariable);
test()
});
< script type="text/javascript">
$(function(){
$('#loadButton').click(function(){
$.getScript(//Firefox/3.0 の場合。 1でエラーが表示されます（構文エラー、定義された変数は機能しません、ff2は問題ありません）
'new.stuff.js'//, function(){$('#inspectButton').click()}
);
});
$('#inspectButton').click(function(){
someFunction(someVariable);
test()
});