Jquery中的on方法常常用于綁定事件。有時(shí)候我們需要獲取一些值，比如點(diǎn)擊按鈕后獲取輸入框中的文本。這時(shí)可以使用on方法進(jìn)行綁定，然后通過(guò)$(this)獲取當(dāng)前事件源，再使用find方法選擇子元素來(lái)獲取值。

$(document).on('click', '.btn', function(){
var val = $(this).find('.input').val();
console.log(val);
});

在上面的代碼中，我們綁定了一個(gè)點(diǎn)擊事件，當(dāng)點(diǎn)擊class為btn的元素時(shí)觸發(fā)。$(this)代表當(dāng)前被點(diǎn)擊的元素，使用find方法選擇class為input的子元素，然后使用val方法獲取輸入框中的值。最后通過(guò)console.log輸出獲取到的值。

除了獲取輸入框中的值，還可以獲取其他元素的屬性值，比如獲取圖片的src屬性：

$(document).on('click', '.img', function(){
var src = $(this).attr('src');
console.log(src);
});

在上面的代碼中，我們綁定了一個(gè)點(diǎn)擊事件，當(dāng)點(diǎn)擊class為img的元素時(shí)觸發(fā)。$(this)代表當(dāng)前被點(diǎn)擊的元素，使用attr方法獲取src屬性的值。最后通過(guò)console.log輸出獲取到的值。