jQuery的is()方法在選擇器中是非常實用的。其中is( focus)是其中一個關(guān)鍵的參數(shù)。下面我們來展示一些有趣的例子。

$(document).ready(function(){
$('input').focus(function(){
if($(this).is(':focus')){
$(this).css('background-color','#F5DEB3');
}
});
$('input').blur(function(){
$(this).css('background-color','');
});
});

以上代碼中，當(dāng)輸入框獲得了焦點，會根據(jù)is(:focus)的返回值來改變輸入框的背景色。

$(document).ready(function(){
$('button').click(function(){
$('input').each(function(){
if($(this).is(':focus')){
$(this).val('focus');
}
});
});
});

以上代碼中，當(dāng)按鈕被點擊時，檢查每一個輸入框是否獲得了焦點，并且根據(jù)is(:focus)的返回值，如果是，則會將輸入框的值修改為'focus'。

is(:focus)還可以結(jié)合其他方法使用，比如說is(:focus + :disabled)可以檢查獲得焦點的元素是否被禁用。

$(document).ready(function(){
$('input').focus(function(){
if($(this).is(':focus + :disabled')){
alert('This is a disabled input field');
}
});
});

以上代碼中，當(dāng)輸入框獲得了焦點并且被禁用了，會彈出一個提示信息。

這些例子展示了is( focus)在jQuery選擇器中的強大功能，可以實現(xiàn)一些有趣的交互效果，同時提高用戶操作體驗。