jquery가 배열을 탐색 및 필터링하고 json 객체를 탐색 및 구문 분석하는 여러 가지 방법-JS 튜토리얼-php.cn

jquery가 배열을 탐색 및 필터링하고 json 객체를 탐색 및 구문 분석하는 여러 가지 방법

WBOY

풀어 주다： 2016-05-16 17:09:22

원래의

1534명이 탐색했습니다.

jquery grep()은 배열을 필터링하고 탐색합니다.

코드 복사 코드는 다음과 같습니다.

 
 $().ready ( 
function(){ 
var array = [1,2,3,4,5,6,7,8,9]; 
var filterarray = $.grep(array ,function(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',' three']; 
$.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 
} 
); 

 
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(key in value) { 
alert(values[ key]); 
} 
); 

 
 js json 객체 1 탐색 및 구문 분석 

코드 복사

코드는 다음과 같습니다. var json = [{dd :'SB',AA:'东东',re1:123},{cccc: 'dd',lk:'1qw'}]; for(var i=0,l=json.length;i< l;i ){

for(var key in json[i]){

alert(key ':' json[i][key]); 
} 
} 

 
js 순회 및 파싱 json 객체 2 

에는 다음이 있습니다. json 개체: 

var obj ={"name":"Feng Juan","password":"123456″,"department":" 기술 부서","sex":"female","old":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):

인 이 요소의 첫 번째 형제를 찾습니다. 지연 로드 js 파일:
$.getScript

예:
Html 파일:

코드 복사

코드는 다음과 같습니다.

$.getScript 예<br><link rel="stylesheet" type="text/css" href="../%20common.css"><script type="text/javascript" <BR>src="../scripts/jquery-1.2.1.js"></script> <br>< script type="text/javascript"> <br>$(function(){ <br>$('#loadButton').click(function(){ <br>$.getScript(//Firefox/3.0. 1에 오류가 나타납니다(구문 오류, 정의된 변수가 작동하지 않음, ff2는 괜찮음) <br>'new.stuff.js'//, function(){$('#inspectButton').click()} <br>); <br>}); <br>$('#inspectButton').click(function(){ <br>someFunction(someVariable); <br>test() <br>}); }); <br><script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script> </head><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php" ><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php"><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div> <br><br>
/ 버튼>

🎜>$.getScript 예
type="text/javascript"
src="../scripts/jquery-1.2.1.js">

Js 파일:

>
코드 복사

코드는 다음과 같습니다.

alert("I'm inline!")

var someVariable = 'someVariable의 값';

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

}

alert("인라인입니다!");
var someVariable = 'someVariable의 값'
function someFunction(value)
alert(value); >}
function test() {
alert('test');
}

jquery 배열 처리:

코드 복사

코드는 다음과 같습니다.

Hi!

First

Second

Third

Fourth

안녕하세요!

두 번째

네 번째