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 })