15 jquery kaedah dan petua biasa untuk share_jquery

1. Dapatkan label baris dan lajur td

Salin kod Kod adalah seperti berikut:

$(this).prop('cellIndex')

2. Tentukan sama ada kekunci Enter ditekan

Salin kod Kod adalah seperti berikut:

var myEvent = peristiwa || kunci var = myEvent.keyCode
jika(kunci == 13){
//Pada masa ini, tekan Enter
}

3 Pilih semua dan terbalikkan pilihan

Salin kod Kod adalah seperti berikut:

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

4. Klik dua kali untuk mengubah suai enter untuk menyimpan acara klik dua kali item td dalam jadual

Salin kod Kod adalah seperti berikut:

$("td").dblclick(function(){
var tdIns = $(ini); var tdpar = $(this).parents("tr"); tdpar.css("warna latar belakang","kuning");
Jika (tdIns.children("input").length>0){ return false; var inputIns = $(""); //Kod kotak input yang perlu dimasukkan
var text = $(this).html(); InputIns.width(tdIns.width()); //Tetapkan input agar konsisten dengan lebar td
inputIns.val(tdIns.html()); //Salin kandungan td sel asal ke input kotak teks yang dimasukkan
tdIns.html(""); //Padamkan kandungan td sel asal
inputIns.appendTo(tdIns).focus().select(); //Masukkan kod kotak input yang perlu dimasukkan ke dalam nod dom
inputIns.click(function(){return false;}); inputIns.keyup(fungsi(acara){
//1. Tentukan sama ada hendak menekan Enter
//Perbezaan masa pemerolehan antara penyemak imbas yang berbeza untuk penamat
var myEvent = peristiwa ||         var key = myEvent.keyCode;  
Jika(kunci == 13){
            var inputNode = $(this); //1. Simpan kandungan kotak teks semasa
            var inputText = inputNode.val(); //2. Kosongkan kandungan td
                     inputNode.parent().html(inputTeks);                                                                                                                                                                                                                 });
//Kendalikan acara Enter dan Esc
inputIns.blur(function(){
        var inputText = $(this).val();  
         tdIns.html(inputText);         tdpar.css("warna latar belakang","putih");
           tdIns.html(teks);                                     });
});


5. Elemen induk $(this).parent();
6. Nyatakan elemen adik beradik seterusnya bagi elemen $(this).next();
7. Semua elemen adik-beradik bagi elemen yang ditentukan $(this).nextAll();
8. Nyatakan elemen dan semua elemen adik beradik $(this).andSelf();
9.prev(): Dapatkan elemen adik beradik sebelumnya bagi elemen yang ditentukan (yang sebelumnya).
10.prevAll(): Dapatkan semua elemen adik-beradik di hadapan elemen yang ditentukan.
11. Dapatkan elemen kanak-kanak

Kaedah 1:>

Salin kod Kod adalah seperti berikut:

var aNods = $("ul > a");// Cari ul di bawah Semua tag

Kaedah 2: kanak-kanak()
Kaedah 3: cari()

Nota:

1> Kaedah kanak-kanak dan mencari kedua-duanya digunakan untuk mendapatkan elemen anak unsur tidak akan mengembalikan nod teks, seperti kebanyakan kaedah jQuery.
2> Kaedah kanak-kanak hanya memperoleh elemen kanak-kanak di bawah elemen iaitu: kanak-kanak segera.
3> Kaedah mencari memperoleh semua elemen bawahan, iaitu: keturunan unsur-unsur ini dalam pokok DOM
4> Pemilih parameter kaedah kanak-kanak adalah pilihan (pilihan) dan digunakan untuk menapis elemen anak, tetapi pemilih parameter kaedah cari diperlukan.
5> Kaedah cari sebenarnya boleh dilaksanakan dengan menggunakan jQuery(pemilih, konteks). Iaitu, $('li.item-ii').find('li') adalah bersamaan dengan $('li', 'li.item-ii').

12. Dapatkan elemen pertama:

Salin kod Kod adalah seperti berikut:

$("#getfirst").find("ul li:first-child")
$("#getfirst").cari("ul li").dapat(0)
$("#getfirst").cari("ul li").first()

13. Datepicker ialah pemalam pemilihan tarikh yang biasa digunakan

Salin kod Kod adalah seperti berikut:

$("#waybill_eta1").datepicker({dateFormat: 'yy-mm-dd'});

14. Pemalam datetimepicker untuk memilih tarikh dan masa secara serentak

Salin kod Kod adalah seperti berikut:

$('#declare_time').datetimepicker({
dateFormat: 'yy-mm-dd',
TimeFormat: 'hh:mm',
});

15.sahkan Kaedah Pengesahan Tambah Biasa

Salin kod Kod adalah seperti berikut:

$.validator.addMethod("isCode", fungsi(nilai, elemen) {
var reg = /^[^u4e00-u9fa5]{1,}$/;
           kembalikan this.optional(elemen) ||. (reg.test(value));
}, "Hanya huruf, nombor dan garis bawah boleh dimasukkan");