ホームページ > ウェブフロントエンド > jsチュートリアル > 15 の jquery の一般的なメソッドと share_jquery のヒント

15 の jquery の一般的なメソッドと share_jquery のヒント

WBOY
リリース: 2016-05-16 16:20:37
オリジナル
1219 人が閲覧しました

1. td
の行ラベルと列ラベルを取得します。

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

$(this).prop('cellIndex')

2. Enter キーが押されたかどうかを確認します
コードをコピーします コードは次のとおりです:

var myEvent = イベント ||
var key = myEvent.keyCode
if(key == 13){
//この時点で Enter キーを押してください
}

3. すべてを選択し、選択を反転します
コードをコピーします コードは次のとおりです:

$("#selectall").click(function(){
If($("input[name='id[]']").is(":checked")){
$("input[name='id[]']").prop("checked",false);
}その他{
$("input[name='id[]']").prop("checked",true);
}
});

4. ダブルクリックして変更し、テーブル内の td 項目のダブルクリック イベントを保存します
コードをコピーします コードは次のとおりです:

$("td").dblclick(function(){
var tdIns = $(this); var tdpar = $(this).parents("tr"); tdpar.css("背景色","黄色"); If (tdIns.children("input").length>0){ return false }
var inputIns = $("") //挿入する必要がある入力ボックスのコード
var text = $(this).html(); InputIns.width(tdIns.width()); // td 幅と一致するように入力を設定します
inputIns.val(tdIns.html()); //元のセルの td コンテンツを挿入されたテキスト ボックスにコピーします input
tdIns.html(""); //元のセルの td コンテンツを削除します
inputIns.appendTo(tdIns).focus().select(); // dom ノードに挿入する必要がある入力ボックスのコードを挿入します
inputIns.click(function(){return false;}); inputIns.keyup(関数(イベント){
//1. Enter
を押すかどうかを決定します。 //エンディングのブラウザごとの取得時間の違い
var myEvent = イベント ||
var key = myEvent.keyCode;
If(key == 13){
var inputNode = $(this); //1. 現在のテキスト ボックスの内容を保存します
var inputText = inputNode.val(); //2. td
の内容をクリアします。 inputNode.parent().html(inputText);                                                                                                               });
// Enter および Esc イベントを処理します
inputIns.blur(function(){
var inputText = $(this).val();
tdIns.html(inputText); tdpar.css("背景色","白"); tdIns.html(テキスト); });
});


5. 親要素 $(this).parent();
6. 要素 $(this).next();
の次の兄弟要素を指定します 7. 指定された要素 $(this).nextAll();
のすべての兄弟要素 8. 要素とすべての兄弟要素 $(this).andSelf();
を指定します。 9.prev(): 指定された要素の前の兄弟要素 (前の要素) を取得します。
10.prevAll(): 指定された要素の前にあるすべての兄弟要素を取得します。
11. 子要素の取得

方法 1:>

コードをコピー コードは次のとおりです:
var aNods = $("ul > a");//すべてのタグ
で UL を検索します

メソッド 2:children()
メソッド 3: find()

注:

1> Children メソッドと find メソッドは両方とも要素の子要素を取得するために使用されます。ほとんどの jQuery メソッドと同様に、どちらもテキスト ノードを返しません。
2> Children メソッドは、その要素の下にある子要素、つまり直接の子のみを取得します。
3> find メソッドは、すべての下位要素、つまり DOM ツリー内のこれらの要素の子孫を取得します。 4> Children メソッドのパラメータ セレクタはオプション (オプション) であり、子要素をフィルタリングするために使用されますが、find メソッドのパラメータ セレクタは必須です。
5> find メソッドは実際には jQuery(selector, context) を使用して実装できます。つまり、$('li.item-ii').find('li') は $('li', 'li.item-ii') と同等です。

12. 最初の要素を取得します:

コードをコピー コードは次のとおりです:
$("#getfirst").find("ul li:first-child")
$("#getfirst").find("ul li").get(0)
$("#getfirst").find("ul li").first()


13. Datepicker は一般的に使用される日付選択プラグインです
コードをコピーします コードは次のとおりです:
$("#waybill_eta1").datepicker({dateFormat: 'yy-mm-dd'});


14. 日付と時刻を同時に選択するためのプラグイン datetimepicker
コードをコピーします コードは次のとおりです:
$('#declare_time').datetimepicker({
dateFormat: 'yy-mm-dd',
時間形式: 'hh:mm'、
});


15.通常の追加検証メソッドを検証する
コードをコピーします コードは次のとおりです:
$.validator.addMethod("isCode", function(value, element) {
var reg = /^[^u4e00-u9fa5]{1,}$/;
return this.optional(element) || (reg.test(value));
}, "文字、数字、アンダースコアのみを入力できます");

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート