jqueryでページを読み込む方法(ページ読み込み後に実行)_html/css_WEB-ITnose

jquery によるページの読み込み方法 (ページが読み込まれた後に実行されます) については、windows.onload と $(document).ready の違いを確認することをお勧めします。

1. $(function(){
ready(function(){
$("#a").click(function(){
//ここにコードを追加します
});
});
3. window.onload = function(){
$( "#a").click(function(){
//ここにコードを追加します
});
}
html コードは Click と、ページは jquery の js ファイルを参照する必要があります

通常、ページをロードするときに js メソッドが次のように呼び出されます。

window.onload = function() {
$("table tr:nth-child(even)").addClass("even"); //これは jquery コードです
​​}; このコードは、ページ全体のすべてのドキュメントが読み込まれた後に実行されます。残念ながら、この方法では、ページの DOM ツリーが完全にロードされている必要があるだけでなく、すべての外部イメージとリソースがロードされている必要もあります。さらに残念なことに、画像などの外部リソースの読み込みに時間がかかる場合、この JS 効果によりユーザーは非効率的であると感じてしまいます。

ただし、jquery メソッドを使用します:

$(document).ready(function() {

// 実行する必要がある js 特殊効果
$("table tr:nth-child(even)")。 addClass("even");

は、ブラウザがすべての HTML を DOM ツリーに配置する前に、すべての DOM 構造をロードして js エフェクトを実行するだけです。外部の画像やリソースをロードする前に組み込まれます。

次の短縮方法もあります:

$(function() {

// 実行する必要がある任意の js 特殊効果
$("table tr:nth-child(even)").addClass("even ");
});