Summary of commonly used methods in Jquery_jquery

//Advantages of jQuery:

1 Lightweight
​ ​ 2 Powerful Selectors
​ ​ 3 Excellent encapsulation of DOM operations
​ ​ 4 Reliable event handling mechanism
​ ​ 5 Perfect Ajax
​ ​ 6 Don’t pollute top-level variables
​ ​ 7 Excellent browser compatibility
                                                                                        Chain operation mode
          9 Implicit iteration
10 Behavior was separated from the structural layer
11 Rich plug-in support
12 Complete documentation
13 Open Source

$("#foo") and jQuery("#foo") are equivalent
$.ajax and jQuery.ajax are equivalent The $ symbol is the abbreviation of jQuery

// window.onload : $(function(){ })
$(function(){ }) is equivalent to the window.onload event in js. It is executed immediately after the page is loaded. Only this is the same as window.onload
But window.onload can only write one, but $(function(){ }) can write multiple
When there is no abbreviation, it is $(document)ready(function(){ })

//Chain operation style:

    $(".level1>a").click(function(){
      $(this).addClass("current") //给当前元素添加"current"样式
      .next().show(); //下一个元素显示
      .parent().siblings()//父元素的同辈元素
      .children("a") //子元素<a>
      .removeClass("current")//移出"current"样式
      .next().hide();//他们的下一个元素隐藏
    return false;
    })

//Convert jQuery object to DOM object:

1 The jQuery object is an array-like object, and the corresponding DOM object can be obtained through the [index] method

var $cr = $("#cr");//jQuery object
          var cr = $[0]; //DOM object

2 Another method is provided by jQuery itself, and the corresponding DOM object is obtained through the get(index) method

var $cr = $("#cr");//jQuery object
          var cr = $cr.get(0);//DOM object

//Convert DOM object to jQuery object:

For a DOM object, you only need to wrap the DOM object with $() to get a jQuery object.
The method is: $(DOM object);

var cr = document.getElementById("cr");//DOM object
        var $cr = $(cr); //jQuery object

//Resolve conflicts:

1 If other JS libraries conflict with the jQuery library, we can call the jQuery.noConflict() function at any time to transfer control of the variable $ to other JavaScript libraries

    var $jaovo = jQuery.noConflict();
    $jaovo(function(){
      $jaovo("p").click(function(){
        alert($jaovo(this).text());
      });
    });

2 You can use "jQuery" directly to do some jQuery work

    jQuery(function(){
      jQuery("p".click(function(){
        alert(jQuery(this).text());
      }));
    });

//jQuery selector

1 Basic Selector
The basic selector is the most commonly used selector in jQuery and is also the simplest selector. It searches for DOM elements through element id, class and tag name

//jQuery :

Just get the label object. It’s an array

//jQuery object acquisition:

$("p");//Get all p tag objects ---- The obtained object is an array
$("#aa");//Get the object of the tag with id aa --- The object obtained is an array
$(".aaa");//Get the object of the tag with class aaa --- The object obtained is an array

//Conversion between jQuery object and DOM object:

jQuery methods and DOM methods cannot be used (called) with each other, but objects can be converted to each other
$("p");//is a jQuery object
Document.documentElementsTagName("p");//It is a DOM object
$(document.documentElementsTagName("p"));//Convert DOM object into jQuery object
$("p").get(1);//It is a DOM object,
Get(1); represents the second digit of the array p, (the subscript 1 is the second digit)
$($("p").get(1));//The jQuery object is converted into

//jQuery object converted into DOM object:

1 The jQuery object is an array-like object, and the corresponding DOM object can be obtained through the [index] method
        var $cr = $("#cr");//jQuery object
          var cr = $[0]; //DOM object
2 Another method is provided by jQuery itself, and the corresponding DOM object is obtained through the get(index) method
        var $cr = $("#cr");//jQuery object
          var cr = $cr.get(0);//DOM object

//DOM object converted into jQuery object:

For a DOM object, you only need to wrap the DOM object with $() to get a jQuery object.
The method is: $(DOM object);

var cr = document.getElementById("cr");//DOM object
        var $cr = $(cr); //jQuery object

//Create element:

        $("

$parent.append($li_1).append($li_2);
a.append(b);//Add b to the end of a (append), a is the parent tag and b is the child tag
a.append(c);//Add c to the end of a (append), a is the parent tag and c is the child tag
a.append(b).append(c);//Add b and c to a. B and c are peers, but b is above c (chained call addition)
a.prepend(b)//Add b to the front of a a is the parent tag b is the child tag
a.insertAfter(b);//Add a to the back of b (of the same generation)

a.insertBefore(b);//Add a to the front of b (of the same generation)
//Call mobile node
//Insert our specified element in front of the matched element (specified element.insertBefore("matched element"))

//appendTo() adds elements:

//a is the object b is the tag name
appendTo(): ​​adds the specified element to the set of matching elements

$("li").appendTo("ul");//Add the li tag to ul
a.appendTo("b"); //Yes, b is added to a (a is a label and b is a label)
Specified element.appendTo(matching element);

//Delete element (hidden) remove():

a.remove();//Remove a from html (hidden)
var $li = $("ul li:eq(1)").remove();//Remove the second li tag in ul eq(1); which is the li element with subscript 1, which is the li element Two, because the subscript starts from 0
           $li.appendTo("ul");//Re-add the element just deleted to ul
            $("ul li").remove("li[title !=Apple]");//Delete all li elements in the ul element whose title attribute is not Apple's

//removeAttr() deletes the attribute value of the specified element:

removeAttr(xx,xx); delete attribute value

What is your favorite fruit?

//Clear empty():

         $("ul li:eq(1)").empty();//Find the second li element in ul and delete the content, (text node,

//replaceAll():
$("What is your mommy's least favorite fruit???").replaceAll("#abc");//The former one replaces the latter one with the ID #abc That tag
               $("

//Wrap wrap() wraoAll() wrapInner() :

//wrap() :

wrap(): Wrap the matched element with a new HTML tag.
a label object (wrapped) b is a label (wrapped with b label)
         All a tags will be wrapped
            a.wrap(b);
//If there is an a tag, wrap it into:
                                                                                                                                                                                                out             //If there are multiple a tags, wrap them into:
                                                                                                                                                                                                out                                                                                                                                                                                                                 out                                                                                                                                                                                                                   out               Each is separated from the wrapping separation together.
          a.wrap("b");//It adds a parent tag to a. a is wrapped by b
                                                                                            $("p").wrap("");//Add a parent tag to the p tag, that is, wrap the p tag with the tag to become I am p tag