jQuery定义的函数用js调用,jquery函数用onclick调用方法

有时候我们可能希望做出js和html的混写，如果js不行，就可能是jquery和html的混写。效果图如下，点击删除按钮，删除本行，或者点击“+”按钮，添加一行，我们一般会写一个addTr函数或者一个delTr函数，然后直接在html中用onclick调用。js没有任何问题，但是，如果是jquery就不行了。
以删除为例，先看下HTML代码：

<a href="javascript:void(0);" onclick="delTr(this)">删除</a>

jQuery代码：

$(function(){
        function delTr(obj){
            $(obj).parent("td").parent("tr").remove()
        }
}

如果这个delTr函数是js写的，肯定没问题，关键是写在了jquery文档加载函数里面，所以，直接这样没有效果。解决办法是在函数后面加个“window.delTr = delTr”即可。完整代码如下：

$(function(){
        function delTr(obj){
            $(obj).parent("td").parent("tr").remove()
        }
window.delTr = delTr;
}

还有一种方法是，直接把这个函数写在jquery文档加载函数外面。