jQuery day02

選擇器

id選擇器 $("#")
$("#btn").click(function(){
    this.value = "123";
    $(this).val("345");
});

標簽選擇器 $("XX")

$(function(){
    $("p").text("en");
});        
.text()方法 == innerText
對象.text()獲取
對象.text(value)   
隱式迭代 本身沒有迴圈操作，jq內部幫我們迴圈


類選擇器 $(".XX")
$("#btn").click(function(){
    $(".cls").css("backgroundColor","pink");
});

交集選擇器
$("#btn").click(function(){
    $("p.cls").css("backgroundColor","pink");
});

併列選擇器
$("#btn").click(function(){
    $("#btn,div.cls,p.cls,ul").css("backgroundColor","green");
});


層級選擇器
$("ul span").css({"backgroundColor":"pink"});    
$("ul>span").css({"backgroundColor":"red"}); 
$("ul~span").css({"backgroundColor":"red"}); 獲取後面的兄弟元素
$("ul+span").css({"backgroundColor":"red"}); 獲取直接相鄰的兄弟元素


索引選擇器
:eq(index)
:lt(index)
:gt(index)
   $("ul>li:eq(3)").css("background","red");
 $("ul>li:lt(3)").css("background","red");
 $("ul>li:gt(3)").css("background","red");
 $("ul>li:gt(5):lt(3)").css("background","red");