jQuery常用方法

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:

<body>
    <form action="cart_submit" method="post">
        <fieldset>
            <legend>title or explanatory caption</legend>
            用户名:<input type="text" value="smith" name="ename"><br><br>
            编号:<input type="text" value="1002" name="empno"><br><br>
            职位:<input type="text" value="clerck" name="job"><br><br>
            薪资:<input type="text" value="20000.09" name="sal"><br><br>
            佣金:<input type="text" value="1200.00" name="comm"><br><br>
            <input type="button" value="提交"><input type="reset" value="重置">
        </fieldset>
    </form>
</body>

jq:

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