JQuery的学习笔记

JQuery是JavaScript的一种封装库，它能够简化我们的开发，屏蔽浏览器之间的差异。

1.  $(document).ready

1.<script type="text/javascript">
//窗体加载完之后执行 dom创建完成，并且图片/css/js加载完之后执行
window.onload = function () {
alert("win.onoad");
}
//窗体加载完之后执行 dom创建完成之后执行（可以注册多次）
$(document).ready(function () {
alert("hello word");
})

$(function () {

})
</script>

2.常用的两个方法。

<script type="text/javascript">
        //遍历数组
        var arr = [100, 200, 300];
        arr = $.map(arr, function (item) {
            return item + 2;
        })

        //遍历字典
        var dic = { "name": "123", "age": "20", "sex": "男" };
        $.each(dic, function (key, value) {
            alert(key + ":" + value);
        })

    </script>

3.选择器

    <script type="text/javascript">
        $(function () {
            //id选择器
            $("#Div1").text("123");
            //类选择器
            $(".cls").text("abc");
            //标签选择器(隐士迭代)
            $("div").text("123");
        })
    </script>

4.样式操作，设置属性

<script type="text/javascript">
        $(function () {
            $("#btn").click(function () {
                $("#link").attr("href", "http://www.baidu.com");
                $("#link").attr("style", "coler:red");
                $("#link").css("color", "red");
                $("#link").css({ "color": "red" }, { "color": "red" });
            })

            $("#btn1").click(function() {
                $("#link").removeAttr("href");
            })
        })
    </script>