.net前端基础（一）选择器

写JQ时注意要写，

$(function(){

事件

})

一、基本选择器

点击按钮（click点击事件）

切记一定不要忘记基本选择器的格式，如#和.

{

选择id为one的div元素元素并添加背景颜色

 $("#btn1").click(function () {
                $("#one").css("background","red");

            });

选择class为mini的元素并添加背景颜色

$("#btn2").click(function () {

                $(".mini").css("background", "blue");

            });

选择是div的所有元素并添加背景颜色

$("#btn3").click(function () {
                $("div").css("background", "#FFB6C1")

            });

选择所有的元素并添加背景颜色

$("#btn4").click(function () {
                $("*").css("background", "#FF00FF")

            })；

选择所有的span元素和id为two的元素并添加背景颜色

$("#btn5").click(function () {
                $("span,#two").css("background", "#FFB6C1")

            })；

}

二、层次选择器

{

选择第一个div元素并添加背景颜色

$("#btn1").click(function () {

                $("div:first").css("background","red")

            })

选择最后一个div元素并添加背景颜色

$("#btn2").click(function () {

                $("div:last").css("background", "blue")

            })

选择class不为one的 所有div元素

$("#btn3").click(function () {
                $("div:not(:.one)").css("background","red")
            })

选择索引值为偶数的div元素（奇数odd）

 $("#btn4").click(function () {
                $("div:even").css("background","#FFB6C1")

            })

选择索引值等于3的元素