在網(wǎng)頁(yè)中創(chuàng)建國(guó)際棋盤(pán)，需要使用jQuery選擇器來(lái)選擇對(duì)應(yīng)的HTML元素。

$("div.square").css({
"height": "50px",
"width": "50px",
"float": "left"
});
$("div.square:nth-child(even)").css("background-color", "#CCD9FF");
$("div.square:nth-child(odd)").css("background-color", "#FFFFFF");

以上代碼使用了三個(gè)jQuery選擇器：

• $("div.square")選擇所有class為square的div標(biāo)簽。
• $("div.square:nth-child(even)")選擇所有偶數(shù)個(gè)的class為square的div標(biāo)簽。
• $("div.square:nth-child(odd)")選擇所有奇數(shù)個(gè)的class為square的div標(biāo)簽。

通過(guò)上述代碼，我們可以給每個(gè)國(guó)際棋盤(pán)的格子設(shè)置大小和顏色。同時(shí)，使用float屬性，可以使每個(gè)格子排列在同一行內(nèi)。

除了CSS屬性，我們還可以使用jQuery的方法來(lái)實(shí)現(xiàn)更加復(fù)雜的功能。比如，在鼠標(biāo)點(diǎn)擊某個(gè)棋子時(shí)，可以選擇該棋子及其周?chē)母褡舆M(jìn)行操作。

$("div.square").click(function() {
var row = $(this).parent().index();
var col = $(this).index();
$("div.square").removeClass("selected");
$(this).addClass("selected");
$("div.square").each(function() {
var r = $(this).parent().index();
var c = $(this).index();
if (r === row || c === col || Math.abs(r - row) === Math.abs(c - col)) {
$(this).addClass("active");
}
});
});

代碼中，$("div.square").click(function() {...});表示給所有class為square的div標(biāo)簽添加點(diǎn)擊事件。當(dāng)點(diǎn)擊某個(gè)格子時(shí)，會(huì)執(zhí)行函數(shù)內(nèi)的代碼。

通過(guò)$(this).parent().index()和$(this).index()方法，可以獲取當(dāng)前格子所在的行數(shù)和列數(shù)。然后，使用$("div.square").removeClass("selected")方法清除之前選中的格子，使用$(this).addClass("selected")方法選中當(dāng)前格子。

最后，使用$("div.square").each(function() {...})方法遍歷所有格子，并根據(jù)位置關(guān)系選擇需要操作的格子進(jìn)行標(biāo)記。

以上代碼僅是一個(gè)簡(jiǎn)單示例，實(shí)際中還需要根據(jù)實(shí)際需求進(jìn)行修改才能達(dá)到更好的效果。