Jquery 无冲突内联

【问题标题】：Jquery No Conflict InlineJquery 无冲突内联
【发布时间】：2012-04-21 09:36:55
【问题描述】：

有没有办法在内联级别添加 Jquery No Conflict？以这样的事情为例：

<a href="javascriot:void(0)" onclick="$('body').html('<h1>Hello World!</h1>');"> Click Me! </a>

我一直遇到与我安装的其他框架发生冲突的问题，而且它是如此简单，我真的不想为其添加 onclick 事件。那么如何将 jquery 无冲突子句添加到内联 onclick 中？

【问题讨论】：

【解决方案1】：

使用jQuery() 代替$()

<a href="javascriot:void(0)" onclick="jQuery('body').html('<h1>Hello World!</h1>');"> Click Me! </a>

这样可以避免$ 值的任何冲突

【讨论】：

【解决方案2】：

试试这个：

<a href="javascript:void(0)" onclick="jQuery('body').html('<h1>Hello World!</h1>');"> Click Me!</a>

您确实应该通过 jQuery 设置事件处理程序。如今，使用onclick 属性被认为是不好的做法。

另外，如果你想使用jQuery.noConflict();，你应该在页面加载时设置它。

【讨论】：