15 gängige JQuery-Methoden und Tipps zum Teilen von JQuery

1. Holen Sie sich die Zeilen- und Spaltenbeschriftungen von td

Code kopieren Der Code lautet wie folgt:

$(this).prop('cellIndex')

2. Stellen Sie fest, ob die Eingabetaste gedrückt wird

Code kopieren Der Code lautet wie folgt:

var myEvent = event ||. window.event; var key = myEvent.keyCode; if(key == 13){
//Drücken Sie zu diesem Zeitpunkt die Eingabetaste
}

3. Alles auswählen und Auswahl umkehren

Code kopieren Der Code lautet wie folgt:

$("#selectall").click(function(){

If($("input[name='id[]']").is(":checked")){
​​​​ $("input[name='id[]']").prop("checked",false);
}else{
​​​​ $("input[name='id[]']").prop("checked",true);
}
});

4. Doppelklicken Sie, um die Eingabetaste zu ändern und das Doppelklickereignis des td-Elements in der Tabelle zu speichern

Code kopieren Der Code lautet wie folgt:

$("td").dblclick(function(){

var tdIns = $(this); var tdpar = $(this).parents("tr");
tdpar.css("background-color","gelb");
If (tdIns.children("input").length>0){ return false; var inputIns = $(""); //Eingabefeldcode, der eingefügt werden muss
var text = $(this).html();
InputIns.width(tdIns.width()); //Eingabe so festlegen, dass sie mit der td-Breite
übereinstimmt inputIns.val(tdIns.html()); //Kopieren Sie den ursprünglichen Inhalt der Zelle in das eingefügte Textfeld input
tdIns.html(""); //Löschen Sie den ursprünglichen Zell-TD-Inhalt
inputIns.appendTo(tdIns).focus().select(); //Fügen Sie den Eingabefeldcode ein, der in den Dom-Knoten
eingefügt werden muss inputIns.click(function(){return false;}); inputIns.keyup(function(event){
//1. Bestimmen Sie, ob die Eingabetaste
gedrückt werden soll //Der Unterschied in der Erfassungszeit zwischen verschiedenen Browsern für die Endung
var myEvent = event ||. window.event;         var key = myEvent.keyCode;  
If(key == 13){
            var inputNode = $(this); //1. Speichern Sie den Inhalt des aktuellen Textfelds
            var inputText = inputNode.val(); //2. Löschen Sie den Inhalt von td
                     inputNode.parent().html(inputText);                                                                                                                                                                  });
//Enter- und Esc-Ereignisse verarbeiten
inputIns.blur(function(){
        var inputText = $(this).val();  
         tdIns.html(inputText);         tdpar.css("background-color","white");            tdIns.html(text);                                     });
});


5. Übergeordnetes Element $(this).parent();
6. Geben Sie das nächste gleichgeordnete Element des Elements $(this).next();
an 7. Alle Geschwisterelemente des angegebenen Elements $(this).nextAll();
8. Geben Sie das Element und alle Geschwisterelemente $(this).andSelf();
an 9.prev(): Ruft das vorherige Geschwisterelement des angegebenen Elements ab (das vorherige).
10.prevAll(): Ruft alle Geschwisterelemente vor dem angegebenen Element ab.
11. Untergeordnete Elemente abrufen

Methode 1:>

Code kopieren Der Code lautet wie folgt:

var aNods = $("ul > a");// Finden Sie ul unter Alle a-Tags

Methode 2: children()
Methode 3: find()

Hinweis:

1> Die Methoden „Children“ und „Find“ werden beide verwendet, um die untergeordneten Elemente des Elements abzurufen. Keine von ihnen gibt einen Textknoten zurück, genau wie die meisten jQuery-Methoden.
2> Die Kindermethode ruft nur die untergeordneten Elemente unterhalb des Elements ab, nämlich: unmittelbare Kinder.
3> Die Find-Methode ruft alle untergeordneten Elemente ab, nämlich: Nachkommen dieser Elemente im DOM-Baum
4> Der Parameterselektor der Kindermethode ist optional (optional) und wird zum Filtern untergeordneter Elemente verwendet, der Parameterselektor der Suchmethode ist jedoch erforderlich.
5> Die Suchmethode kann tatsächlich mithilfe von jQuery (Selektor, Kontext) implementiert werden. Das heißt, $('li.item-ii').find('li') entspricht $('li', 'li.item-ii').

12. Holen Sie sich das erste Element:

Code kopieren Der Code lautet wie folgt:

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

13. Datepicker ist ein häufig verwendetes Plug-in zur Datumsauswahl

Code kopieren Der Code lautet wie folgt:

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

14. Plug-in-Datetimepicker zur gleichzeitigen Auswahl von Datum und Uhrzeit

Code kopieren Der Code lautet wie folgt:

$('#declare_time').datetimepicker({
dateFormat: 'jj-mm-tt',
Zeitformat: 'hh:mm',
        });

15.Validieren Sie die reguläre Add-Verifizierungsmethode

Code kopieren Der Code lautet wie folgt:

$.validator.addMethod("isCode", function(value, element) {
var reg = /^[^u4e00-u9fa5]{1,}$/;
           return this.optional(element) || (reg.test(value));
}, „Es können nur Buchstaben, Zahlen und Unterstriche eingegeben werden“);