在網頁中創建國際棋盤，需要使用jQuery選擇器來選擇對應的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");

以上代碼使用了三個jQuery選擇器：

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

通過上述代碼，我們可以給每個國際棋盤的格子設置大小和顏色。同時，使用float屬性，可以使每個格子排列在同一行內。

除了CSS屬性，我們還可以使用jQuery的方法來實現更加復雜的功能。比如，在鼠標點擊某個棋子時，可以選擇該棋子及其周圍的格子進行操作。

$("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標簽添加點擊事件。當點擊某個格子時，會執行函數內的代碼。

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

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

以上代碼僅是一個簡單示例，實際中還需要根據實際需求進行修改才能達到更好的效果。