jQuery知识点学习

1.获取父级元素 

$("#id").parent()

获取其父级元素

$("#id").parents()

获取其所有的祖先元素

$("#id").closest()

获取其最近的祖先元素，依次上溯

2.获取同级元素

$("#id").next(selector)

获得匹配元素紧邻的下一个同胞元素。如果提供选择器，则取回匹配该选择器的下一个同胞元素。

$("#id").nextAll(selector)

获得匹配元素后面的所有同胞元素，由选择器筛选是可选的。

$("#id").prev(selector)

获得匹配元素紧邻的前一个同胞元素（与next相反）

$("#id").prevAll(selector)

获得当前匹配元素前面的所有同胞元素（与nextAll相反）

3.获取子元素

$("#id").children(selector)

返回匹配元素的子元素，添加可选参数可通过选择器进行过滤。

$("#id").find(selector)

获得当前元素的后代

4.设置css属性

$("div").css("background","red");
$("span").click(function() {
        $(this).css({
            width: '100px',
            height: '100px'
        });
    });

5.延迟执行 

//延迟执行
setTimeout(function(){
console.log("实战授课，100%就业");
},600);

6.定时执行 

//定时执行
var id = setInterval(function(){
console.log("来武汉长乐教育学PHP");
}, 600)

//注意，以上两个函数中的第一个参数，都可以放在外部，例如
function t(){
console.log("精通PHP开发");
}
setTimeout(t, 600);
//清除定时执行
clearInterval(id);