冒泡概念，你可以理解成方法會被子元素繼承；所以focusin在.aaron設(shè)置之后，它的所有子元素都會繼承這個方法；而focus在.aaron1設(shè)置后，只有.aaron1本身具有focus方法，所以你點(diǎn)它的額子元素，沒有反應(yīng)

我的理解：

我的理解：

1、首先從定義上看：

（1）focus():當(dāng)元素獲得焦點(diǎn)時（當(dāng)通過鼠標(biāo)點(diǎn)擊選中元素或通過 tab 鍵定位到元素時），發(fā)生 focus 事件。

（2）focusin()：當(dāng)元素（或在其內(nèi)的任意元素）獲得焦點(diǎn)時發(fā)生 focusin 事件。

2、focus()：需要在表單元素本身上綁定才有效果，如練習(xí)中的

?$(".aaron").focus(function() {//focus()此時是綁定在class=aaron的div上的

? ? ? ? $(this).css('border', '2px solid red');//而div無法聚焦，所以點(diǎn)擊div時看不到效果

? ? })//再點(diǎn)擊子元素input時發(fā)現(xiàn)也無效果，說明父元素綁定的focus事件不會波及子元素

若想讓input有效果，就應(yīng)將focus綁定在它本身，修改如下：

?$(".aaron>input").focus(function() {

? ? ? ? $(this).css('border', '2px solid red')

? ? })

2、focusin()：在元素包含的元素中產(chǎn)生。還是拿練習(xí)中的例子：

$(".aaron1").focusin(function() {//focusin綁定在class=aaron1的div上

? ? ? ? $(this).find('input').val('冒泡捕獲了focusin事件')//此時只有input獲焦時才會執(zhí)行規(guī)定的函數(shù)

? ? })//說明，fucusin雖然綁定在父元素aaron1上，但實(shí)際是由其子元素input獲焦時產(chǎn)生。

3、總結(jié)：focus()需要在表單元素本身上使用才能產(chǎn)生效果，focusin()在任意子元素獲得焦點(diǎn)時也會觸發(fā)。

他這句話表達(dá)有誤，換言之是“focus()由元素本身產(chǎn)生，focusin()在元素父類的元素產(chǎn)生?！?/p>

就是，我點(diǎn)擊input，input發(fā)生focus()事件，其父標(biāo)簽div就發(fā)生了focusin()

我的理解是focus只在當(dāng)前綁定的元素有效，而focusIn就是給綁定元素(parentNode)或者綁定元素的子元素(childNode)(能觸發(fā)這個事件的子元素)，都添加一個focus事件，子元素(childNode)的focus事件觸發(fā)之后就會返回父元素(parentNode)focusin的執(zhí)行語句。

就是綁定focusin的節(jié)點(diǎn)，如果本身有focus事件的話，事件觸發(fā)后返回執(zhí)行語句。

如果綁定focusin的節(jié)點(diǎn)沒有focus事件，而它的子節(jié)點(diǎn)會有focus事件。當(dāng)他的子節(jié)點(diǎn)觸發(fā)完focus事件之后，會返回父節(jié)點(diǎn)(綁定focusin事件的那個節(jié)點(diǎn))的執(zhí)行語句。

我開始也不明白，后來看懂了，意思是focus只在元素本身起作用，例如$(".aaron")本身是個div，div是無法聚焦的，第一個函數(shù)沒有被調(diào)用。focusin作用在元素包含的元素，即$(".aaron")本身是個div，div中有input框，那么input框被聚焦，那也說明focusin被調(diào)用生效

focusin()在元素包含的元素中產(chǎn)生的意思是指子元素聚焦時才能觸發(fā)父元素的focusin()方法，例如:

<div?id="test">點(diǎn)擊觸發(fā)</div>
$("#test").focusin(function()?{
????alert(113)//此時點(diǎn)擊沒有彈出效果
????$(this).css('border','2px?solid?blue')?//沒有添加上邊框
});
<div?id="test">點(diǎn)擊觸發(fā)：<input?type="text"?/></div>
$("input").focus(function()?{
????$(this).css('border','2px?solid?red');
});
$("#test").focusin(function()?{
????$(this).css('border','2px?solid?blue');//成功觸發(fā)事件添加了邊框
});