jQuery常用方法

Demo: 1.获取指定元素下的所有子元素

$("div").children()

Demo: 2.获取指定元素下的所有指定子元素

$("div").children(".selected")

Demo: 3.查找父元素下的指定子元素

$("p").find("span");

Demo: 4.获取指定元素的所有祖先元素

$("span").parents(); //括号中没有参数, 基本没用

Demo: 5.获取指定元素的父元素

$("span").parents("div[class='div1']");

Demo: 6.为指定的元素追加子元素

$("p").append("<h1>这是追加的内容!</h1>")

Demo: 7.删除元素本身(谁调用删除谁)

$("p:first").remove();

Demo: 8.表单中的数据序列化, 方便提交到服务器端

html:

    
     
        
      
            
       
title or explanatory caption
            用户名:
       
       
       
            编号:
       
       
       
            职位:
       
       
       
            薪资:
       
       
       
            佣金:
       
       
       
            
       
               
      
    
     

jq:

1 $(function(){2     $("input[type='button']").click(function(){3         var date = $("form").serialize();4         console.log("需要提交的数据: " + date);5     })6 })