jQuery学習のための2つのヒント_jquery

1.jQuery 関数プレフィックス

JavaScript では、開発者は通常、ユーザーがフォームを送信するときにテキスト ボックスの先頭と末尾のスペースをクリアするなど、さまざまな操作の詳細を処理するいくつかの小さな関数を作成します。 JavaScript には同様の trim() 関数はありません。師範大学で jQuery を使用した後は、trim() 関数を使用できます。

trim() 関数は jQuery オブジェクトのメソッドです。次の例を使用してください

コードをコピーします コードは次のとおりです:

<スクリプトタイプ="text/javascript">
var sString = " 1234567890";
sString = $.trim(sString);
alert(sString.length);
                                                                                         

実行結果

文字列 sString の先頭と末尾のスペースは、jQuery によって削除されます。

どれ

$.trim(sString)

に相当

jQuery.trim(sString)

jQuery にはこのような関数が多数あり、JavaScript のあらゆる側面に関係します。

2. window.onload 関数の競合を解決します

ページの HTML フレームワークは使用する前に完全にロードする必要があるため、DOM プログラミング中に window.onload が頻繁に使用されます。この関数をページ上の多くの場所で使用する必要がある場合は、他の JS にもwindow.onload 関数により多くの競合が発生しました。

jQuery の ready() メソッドは、ページがロードされた後にそのメソッド内の関数を自動的に実行することで、上記の問題をうまく解決します。また、同じページで複数の read() メソッドを互いに競合することなく使用できます。

例:

コードをコピーします コードは次のとおりです:

<スクリプトタイプ="text/javascript">
$(document).ready(function() {
$("table#mytable tr:nth-child(odd)").addClass("altcss");
})
                                                                                         

jQuery は上記のコードの省略形も提供します。(document).ready 部分は省略できます

コードは次のとおりです:

コードをコピーします コードは次のとおりです:

<スクリプトタイプ="text/javascript">

$(function() {
$("table#mytable tr:nth-child(odd)").addClass("altcss");
})
                                                                                         


これは、上の表の 1 行おきの行の色を変更するコードです。