1 
$.each(tools, function (i, tool) {
    $("<img>", tool).appendTo($toolbar);
});

//define toolset (JSON, e.g. from database)...
var tools = [{
    "data-id": 1,
    alt: "sun",
    title: "sun",
    src: "http://cdn4.iconfinder.com/data/icons/iconsland-weather/PNG/48x48/Sunny.png",
    "data-description": "sun in photo"
}, {
    "data-id": 2,
    alt: "snow",
    title: "snow",
    src: "http://cdn4.iconfinder.com/data/icons/iconsland-weather/PNG/48x48/Thermometer_Snowflake.png",
    "data-description": "snow in photo"
}, {
    "data-id": 3,
    alt: "cloud",
    title: "cloud",
    src: "http://cdn4.iconfinder.com/data/icons/iconsland-weather/PNG/48x48/Overcast.png",
    "data-description": "cloud in photo"
}, {
    "data-id": 4,
    alt: "rain",
    title: "rain",
    src: "http://cdn4.iconfinder.com/data/icons/iconsland-weather/PNG/48x48/Night_Rain.png",
    "data-description": "rain in photo"
}];

初めて見たjQueryを見ています。何が起こるかはツールごとであり、JSON に記述された適切な属性を使用して img タグが作成されると思います。もしそうなら、私はそれは非常にきちんとしていると思います.この手法は、おそらくマニュアルまたは API ドキュメントのどこでより詳細に説明されているのでしょうか?

前もって感謝します...

4

1 に答える 1

1

コード：

$.each(tools, function (i, tool) {
    $("<img>", tool).appendTo($toolbar);
})

ブロックに分けましょう：

$.each(tools, function (i, tool) { });- jQueryeach

これは次と同じです:

for(i = 0; i < tools.length; i++) {
    var tool = tools[i];
}

$("<img>", tool)- jQuery要素クリエーター

これは、次のものと同じです。

$("<img data-id='' src='' alt='' title='' data-description=''>");

パラメータの各セットを入力します。たとえば、最初tool(太陽) は次のようになります。

$("<img data-id='1' src='http://cdn4.iconfinder.com/data/icons/iconsland-weather/PNG/48x48/Sunny.png' alt='sun' title='sun' data-description='sun in photo'>");

これは次と同じです:

$("<img>").attr({
    "data-id": 1,
    "alt": "sun",
    "title": "sun",
    "src": "http://cdn4.iconfinder.com/data/icons/iconsland-weather/PNG/48x48/Sunny.png",
    "data-description": "sun in photo"
});

と同じ

$("<img>", {
    "data-id": 1,
    "alt": "sun",
    "title": "sun",
    "src": "http://cdn4.iconfinder.com/data/icons/iconsland-weather/PNG/48x48/Sunny.png",
    "data-description": "sun in photo"
});

まさにそれ$("<img>", tool)がすべてです

appendTo($toolbar);- jQueryappendTo

tools配列内の各オブジェクトの結果を$toolbar単純に追加するだけです。<div>

于 2013-10-02T21:34:08.457 に答える