Question

在所有浏览器中哪种方法更快，更受支持？

1。编写一个javascript函数，如：

function change_text(newtext) {

  $('div#id').text(newtext);

}

并将其附加到元素的onclick事件：

<button onclick="change_text('This is a new text');">Click Me</button>

亲~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~

2.使用委托方法，如：

$(document).on('click','button',function(){
 newtext = $(this).attr('data-newtext');
 $('div#id').text(newtext);
});

并指定自定义属性：

<button data-newtext="This is a new text">Click Me</button>

Answer 1

最好使用on 和让它更加分离：

<button id="theButton">Click Me</button>

function changeText(id, newtext){
    $(id).text(newtext);
}
function theButtonClick(){
    changeText('div#id','This is the new text' );
}

$(function(){
    $('#theButton').on('click', theButtonClick);
});

利用jQuery的功能很好，因为你可以让它处理跨浏览器的兼容性。

jQuery委托还是函数方法？

1 个答案: