ページのロードが完了したら、JSのjquery書き方と違い説明を実行します。

1095 ワード

1、$2、$(document).ready("(function(""").click(function()////adding your code here"));)3、window.onload=function(){%([[芫a]]].click(function){//adding your code here]]]}。htmlコードはをクリックして、しかもページはjqueryのjsファイルを引用する必要があります。
一般的にページを読み込む時にjsメソッドを呼び出すと、

window.onload = function() {
 $("table tr:nth-child(even)").addClass("even"); // jquery
};
のこのコードはページ全体のdocumentで読み込まれた後に実行されます。残念なことに、このような方法はページのDOM treeの全部のロードが完了するだけでなく、すべての外部画像とリソースのロードが完了する必要があります。さらに不幸なことに、外部リソース、例えば画像のロードに時間がかかると、このjs効果はユーザーに失効を感じさせます。
しかし、jqueryの方法では、

$(document).ready(function() {
 // js
 $("table tr:nth-child(even)").addClass("even");
});
はすべてのDOM構造をロードするだけで、ブラウザがすべてのHTMLをDOM treeに入れる前にjs効果を実行します。外部画像とリソースをロードする前に含める。
もう一つの簡単な書き方があります。

$(function() {
 // js
 $("table tr:nth-child(even)").addClass("even");
});