Detailed explanation of jQuery method attributes

    // 5 basic selectors $(".div"); // class selector $("div"); // tag selector $("#box"); // id selector $("*"); // wildcard selector $("div,p,img"); // merge selector

    //4 types of relationship selectors $("div p"); //descendant selector $("div>p"); //child selector $("div+p"); //direct sibling selector $("div~p"); //simple sibling selector

// 8 basic filter selectors $(":first");//First element $(":last");//Last element $(":not(selector)");//Exclude selector $(":even");//Select even rows $(":odd");//Select odd rows $(":eq(index)");//Elements with index equal to index $(":gt(index)");//Elements with index greater than index $(":lt(index)");//Elements with index less than index

        // 4 types of content filter selectors $(":contains(text)"); //Matches elements that contain the given text $(":empty"); //Matches all empty elements that do not contain child elements or text $(":has(selector)"); //Matches elements that contain the selector $(":parent"); //Matches elements that have child elements or text

        // 2 types of visibility filter selectors $(":hidden"); // matches all invisible elements, or elements of type hidden $(":visible"); // matches all visible elements

        // 8 types of attribute filter selectors $("[attribute]"); //Match elements with attribute attributes $("[attribute=value]"); //Match elements with attribute values ​​equal to value $("[attribute!=value]"); //Match elements with attribute values ​​not equal to value $("[attribute^=value]"); //Match elements with attribute values ​​starting with certain values ​​$("[attribute$=value]"); //Match elements with attribute values ​​ending with certain values ​​$("[attribute*=value]"); //Match elements with attribute values ​​containing certain values ​​$("[attributeFilter1][attrbuteFilter2]"); //Compound attribute filter selector, used when multiple conditions need to be met at the same time

        //Sub-element filter selector (4 types)
            $(":nth-child(index/even/odd)") //Select the index-th child element under each parent element $(":first-child"); //Select the first child element of each parent element $(":last-child"); //Select the last child element of each parent element $(":only-child"); //If an element is the only child element of its parent element, it will be matched

        //Form attribute filter selector (4 types)
            $(":enabled");//Select all enabled elements$(":disabled");//Select all disabled elements$(":checked");//Select all selected elements$(":selected");//Select all selected elements

        // Form selector (11 types)
            $(":input");//Select all input/textarrea/select/button elements$(":text");//Select all single-line text boxes$(":password");//Select all password boxes$(":radio");//Select all radio buttons$(":checkbox");//Select all check boxes$(":submit");//Select all submit buttons$(":image");//Select all image buttons$(":reset");//Select all reset buttons$(":button");//Select all buttons$(":file");//Select all upload fields$(":hidden");//Select all invisible elements

        // Text operation $("p").html(); // Equivalent to p.innerHtml in DOM;
        $("p").text();//Equivalent to p.innerText in DOM;

        // Value operation $("input:eq(5)").val(); //Equivalent to input.value in DOM;
        $("input:eq(6)").val("aaa"); //Set attribute value

 		// Attribute operation $("#box").attr('name'); //Get the name attribute $("#box").attr('name',"aaa"); //Add the name attribute and value $("#box").removeAttr('name'); //Delete the name attribute $("#box").prop('checked'); //When getting a single attribute, use prop to get false and true

    	// Class operation $("#box").attr("class","");//Get and set $("#box").addClass("class","");//Append class name $("#box").removeClass("class","");//Remove class name $("#box").removeClass();//Remove all class names $("#box").toggleClass("main");//Switch main class name $("#box").hasClass("main");//Is there a certain class name

	//Style operation $("#box").css("color"); //Read CSS style value $("#box").css({"propertyname":"value","propertyname":"value"}); //Set multiple styles at the same time

		 //Traverse nodes$("#box").children();//Get child nodes$("#box").children("div");//Get div child nodes$("#box").prev();//Find a brother immediately above$("#box").prevAll();//Find all brothers immediately above$("#box").prevAll("div");//Find all div brothers immediately above$("#box").next();//Find a brother immediately below$("#box").nextAll();//Find all brothers immediately below$("#box").nextAll("div");//Find all div brothers immediately below$("#box").parent();//Find parent node

    //Filter nodes $("ul").find(".a");//Search $("ul li").filter(".a");//Filter

    // Create, insert, delete var lis=$("<li title='aaa'>aaa</li>");//Create//Internally add parent.append(lis);//Add to the end of the parent box parent.prepend(lis);//Add to the head of the parent box//Externally add box.after(lis);//Add after the box box.before(lis);//Add before the box//Delete DOM elements $("ul").remove();//Completely delete, delete both ul and li $("ul").empty();//Just clear the contents of ul, ul still exists $("li").remove(".one");//Delete class="one" in li

    // jQuery event // Difference from JS // window.onload and $(document).ready()
            //Difference 1: The former is executed after the page is fully loaded, while the latter is executed after the DOM is loaded. The latter takes precedence over the former. //Difference 2: When the former appears multiple times, the last one will overwrite the previous one. When the latter appears multiple times, they will be merged. //Difference 3: Is there an abbreviation: window has no abbreviation, document has an abbreviation. //Abbreviation: $().ready(function(){...})
                // $(function(){....})
        //Event binding: $(selector).on(event type, callback function)
        $("ul li").on("click",function(){alert(1);});	
    // jQuery and Ajax
            // get method $.get(url,data,success(response,status,xhr),dataType);
            // post method $.post(url,data,success(data, textStatus, jqXHR),dataType);