jQuery可以返回多個值,通常將其稱為“實用程序方法”。下面是一些返回兩個值的例子:
// 返回元素的寬和高 var widthAndHeight = $('#element').width(), $('#element').height(); console.log('Width: ' + widthAndHeight[0]); console.log('Height: ' + widthAndHeight[1]); // 返回元素的位置 var position = $('#element').position(); console.log('Left: ' + position.left); console.log('Top: ' + position.top);
在上面的例子中,我們可以看到,返回的結果被存儲在一個數組中,并且通過索引訪問每個值。如果你不需要使用數組,也可以通過解構賦值來將值存儲到不同的變量中:
var [width, height] = $('#element').width(), $('#element').height(); console.log('Width: ' + width); console.log('Height: ' + height);
在這個例子中,我們使用解構賦值將數組中的值存儲到width和height變量中。
除了返回數組,jQuery還可以返回對象。例如,position()方法返回一個包含元素的top和left位置的對象:
var position = $('#element').position(); console.log('Left: ' + position.left); console.log('Top: ' + position.top);
在這個例子中,我們使用點表示法來訪問對象的屬性。