linux jq 周遊數組,jquery 周遊數組 each 方法詳解

JQuery拿取對象的方式

$(‘#id') ：通過元素的id

$(‘tagName') : 通過元素的标簽名

$(‘tagName tagName') : 通過元素的标簽名,eg: $(‘ul li')

$(‘tagName#id): 通過元素的id和标簽名

$(‘:checkbox'):拿取input的 type為checkbox'的所有元素:

Eg：

value="imperial"/>

$('span[price] input[type=text]') ：拿取下面的input元素

disabled="disabled" value="1"/>

$('div',$(this).parents('div:first'))：拿取該div的上(至少都是父節點)的第一個div節點

$('~ span:first',this)： locates the first sibling of this that's a element.

延遲加載js檔案：

$.getScript

例子：

Html檔案:

Java代碼

$.getScript Example

$(function(){

$('#loadButton').click(function(){

$.getScript(//在Firefox/3.0.1中會出現一個錯誤(文法錯誤,定義的變量不起作用,ff2沒問題)

'new.stuff.js'//,function(){$('#inspectButton').click()}

);

});

$('#inspectButton').click(function(){

someFunction(someVariable);

test()

});

});

Load

Inspect

Js檔案:

Java代碼

alert("I'm inline!");

var someVariable = 'Value of someVariable';

function someFunction(value) {

alert(value);

}

function test() {

alert('test');

}

alert("I'm inline!");

var someVariable = 'Value of someVariable';

function someFunction(value) {

alert(value);

}

function test() {

alert('test');

}

jquery數組處理：

Java代碼

Hi!

var $ = 'Hi!';

jQuery(function(){

alert('$ = '+ $);//這裡的 $ 為 Hi!,把它變回jquery的符号:jQuery(function($){...}/這樣就可以了

//alert(jQuery)

});

jQuery(function($){

//------------周遊數組 .each的使用-------------

var anArray = ['one','two','three'];

$.each(anArray,function(n,value) {

//do something here

//alert(n+' '+value);

});

var anObject = {one:1, two:2, three:3};

$.each(anObject,function(name,value) {

//do something here

//alert(name+' '+value);

});

//-----------過濾數組 .grep的使用------------

var originalArray =[99,101,103];

var bigNumbers = $.grep(originalArray,'a>100');//第2種寫法,還可以用正規表達式來過濾

$.each(bigNumbers,function(n,value) {

//do something here

//alert(n+' '+value);

});

//------------轉換數組 .map的使用------------

var strings = ['1','2','3','4','S','K','6'];

var values = $.map(strings,function(value){

var result = new Number(value);

return isNaN(result) ? null : result;//如果result不是數字則傳回null(傳回null在這裡相當于不傳回)

});

$.each(values,function(n,value) {

//do something here

//alert(value);

});

var characters = $.map(

['this','that','other thing'],

function(value){return value.split('');}//分離字元串用傳回給characters

);

//alert(characters.length);

//------------.inArray(value,array)的使用------------傳回value在array下标的位置，如果value不在array中則傳回

-1

var index = $.inArray(2,[1,2,3,4,5]);

//alert(index);

//------------makeArray(obj)的使用------------将類數組對象轉換為數組對象。

var arr = jQuery.makeArray(document.getElementsByTagName_r("div"));

//arr.reverse(); // 使用數組翻轉函數

$.each(arr,function(n,value) {

//do something here

//alert(n+' '+value);

//alert(value.html());

});

var arr2 =$.unique(document.getElementsByTagName_r("div")); //獲得唯一的對象，看API,說得很模

糊,http://docs.jquery.com/Utilities/jQuery.unique

alert();

$.each(arr2,function(n,value) {

//do something here

alert(n+' '+value);

});

});

First Second Third Fourth Fourth

以上這篇jquery 周遊數組 each 方法詳解就是小編分享給大家的全部内容了，希望能給大家一個參考，也希望大家多多支援腳本之家。