Detailed explanation of examples of efficient operation of page elements with jQuery

　$("p> ;span"); //The direct child element span

of p $("input[type=password]"); //The input element of the specified type

$("p:first "); //The first paragraph of the page

$("p:even"); //All even-numbered paragraphs

$(":header") ; //Title elements (h1 to h6)

$(":button"); //All button elements

$(":radio");

$ (":checkbox");　

　$(":checked");　//Selected state selection box or segment selection box

• html() Get the element or The HTML content of a set of elements, similar to JavaScript's innerHTML, will get the entire HTML (including text).

var htmlContent=$("#elem").html();

$("#elem").html("<p>Here is some new content.</p>");/*修改内容*/

• ## text() only obtains the text content of the element, and obtains and modifies the content as follows:

var textContent=$("#elem").text();
$("#elem").text("new content");     //修改内容
$("#elem").append("<p>Here is some new content.</p>")   //添加文本内容

• attr() Returns an element-specific attribute value. When used in a group, returns the value of the first element.

var title=$("#elem").attr("title");    //返回属性值

$("#elem").attr("title","new title");    //修改属性值

• show() //Display element $("div").show();

• hide() // Hide elements, the slow value is about 600 milliseconds

Element animation

$("#elem").animate(
    {
        width:400px;
        height:400px;
       },1500,function(){
               $(this).fadeOut("slow");
                }
  );

Command chain

The length of the jQuery command chain There are no restrictions. You can perform many operations on the same group of elements continuously:

The above is the detailed content of Detailed explanation of examples of efficient operation of page elements with jQuery. For more information, please follow other related articles on the PHP Chinese website!