jQuery基础应用

                                                        jQuery基础的应用

---

1-基本选择器

   
    1. 基本选择器
        #id
        tagName
        .class
        *
        selector1, selector2, ...

        jQuery("#id")  ->  $("#id")
        这个函数接收一个包含 CSS 选择器的字符串，然后用这个字符串去匹配一组元素。

2-层级选择器

 
        parent child   (查找parent下的所有child)   找后代
        parent > child  (查找parent下的直接child)  找儿子
        prev + next (查找prev后面紧接着的兄弟节点next)
        prev ~ siblings (查找prev同辈的所有兄弟节点 - 之后）
     

3-内容选择器

根据内容筛选  :contains(text)

4-可见性选择器

     $(":hidden").show(500);
    $(":visible").css("color", "yellow");

5-属性选择器

$("p[title=world]").css("color", "green");

6-表单选择器

$(":input:first").css("width", "250px");//第一个input更改样式
$(":password").css("border", "1px solid red");//更改所样式有密码框
$(":radio:eq(1)").attr("checked", "true");
$(":hidden").val("更改隐藏属性");

过滤选择器

$("div").eq(index).css("color", "green");