Jquery

 <script type="text/javascript">
        $(document).ready(function (e) {

            //根据ID取元素
            //var div1 = $("#div1");
            //alert(div1[0]); //Jquery取出的不是DOM对象，是Jquery对象，要取该对象本身要在数组里面取第一个

            //$("#div1").html(); //取ID为div1元素所包含HTML代码
            //$("#div1").text(); //取ID为div1元素所包含文本

            //根据class取元素
            //$(".test").css("color", "yellow"); //改变class名为test的所有元素内文本颜色

            //给元素添加一个点击事件
            //$("#btn").click(function (e) {

            //    //$(this).val();//取自身的value值

            //    //根据class取所有class名为ck的元素
            //    var query = $(".ck");

            //    for (var i = 0; i < query.length; i++) {

            //        var ck = query.eq(i)[0];
            //        if (ck.checked) {
            //            alert(query.eq(i).val());
            //        }
            //    }

            //})

            //根据标签名找元素
            //$("div");

            //属性筛选
            //alert( $(".ck[bs=sm]").val());


            //操作内容
            //$("#test1").html("<span>hello</span>"); //取ID为div1元素所包含HTML代码
            //$("#test1").text("测试"); //取ID为div1元素所包含文本

            //表单元素操作内容
            //alert($("#btn").val()); //取值
            //$("#btn").val("取消"); //赋值

            //操作属性
            //alert( $("#test1").attr("shuxing")); //取属性值
            //$("#test1").attr("shuxing","bbbb"); //给属性赋值

            //操作样式
            //alert($("#test1").css("color")); //取样式的值
            //$("#test1").css("font-size", "25px"); //设置样式

            //加事件
            $("#div1").click(function () {

                alert($(this).text());

            })

            $(".test").click(function () {

                alert($(this).text());

            })




        })
        //JS找元素
        //var div1 = document.getElementById("div1");
        //alert(div1);

    </script>