jquery の配列の走査とフィルタリング、および json の走査と解析のいくつかの方法-jsチュートリアル-php.cn

jquery の配列の走査とフィルタリング、および json の走査と解析のいくつかの方法

WBOY

リリース： 2016-05-16 17:09:22

オリジナル

1533 人が閲覧しました

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;ialert(filterarray[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() は配列をフィルタリングして走査します

コードをコピーします $().ready(

function(){

var anArray = ['one','two','three']; 
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 json = [{dd :'SB',AA:'东东',re1:123},{cccc: 'dd',lk:'1qw'}];

for(var i=0,l=json.length;ifor(json[i] の var key){
alert(key ':' json[i][key]);
}
}

js トラバーサルと json オブジェクト 2
には次のものがありますjson オブジェクト:
var obj ={"名前":"フォン・ジュアン","パスワード":"123456","部署":"技術部門","性別":"女性","古い":30} ;
トラバーサルメソッド:

コードをコピーコードは次のとおりです: for( var p in obj){

str = str obj[p] ',';

return str; 

以下は具体的な実装方法を示す例です。 

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()
});

var someVariable = 'someVariable の値';

関数 someFunction(value) { alert(value) } function test() { alert('test') ; }

alert("インラインです!");

var someVariable = 'someVariable の値';
alert(value); >}
function test() {
alert('test');
}

jquery 配列の処理:

コードをコピーします

コードは次のとおりです:

Hi!

First

Second

Third

Fourth

こんにちは!

; 3 番目

4 番目