javascript - Jquery 競合のないインライン

Question

インラインレベルで Jquery No Conflict を追加する方法はありますか? 例として次のようなものを使用します。

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

インストールした他のフレームワークとの競合の問題が発生し続けていますが、これは非常に単純なので、onclick イベントを追加したくありません。では、インラインの onclick に jquery no conflict 句を追加するにはどうすればよいでしょうか?

score 3 · Accepted Answer

jQuery()の代わりに使用$()

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

このようにして、の値の競合を回避します$

score 0 · Accepted Answer

これを試して：

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

ただし、jQuery を使用してイベントハンドラーを設定する必要があります。このonclick属性を使用することは、最近では悪い習慣と見なされています。

また、使用するjQuery.noConflict();場合は、ページの読み込み時に設定する必要があります。

2 に答える 2