$("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));
}, "文字、数字、アンダースコアのみを入力できます");