JQuery1

1  概念：一个JavaScript框架。简化JS开发

　　JavaScript框架：本质上就是一些js文件，封装了js的原生代码

2  JQuery对象和JS对象区别和转换

　　JQuery对象和JS对象的方法不通用

　　两者互相转换：

　　　　1  jq---js：jq对象[索引] 或者 jq对象.get(索引)

　　　　2  js---jq：$(js对象)

3  选择器：筛选具有相似特征的元素(标签)

　　1  基本语法学习：

　　　　1  事件绑定

<body>
<input type="button" id="b1" value="屑">
<script>
    // 给b1按钮添加单机事件
    
    //1  获取b1按钮
    $("#b1").click(function(){
        alert("我问你这瓜保熟吗");
    });

</script>
</body>

 

　　　　2  入口函数

<script src="js/jquery-3.4.1.min.js"></script>
<script>
    $(function(){
        $("#b1").click(function(){
            alert("我问你这瓜保熟吗");
        });
    });
    /*
    window.onload 和 $(function)区别
        *  window.onload 只能定义一次，如果定义多次，后面会将前面覆盖
        *  $(function())可以定义多次
    */
</script>
</head>
<body>
<input type="button" id="b1" value="屑">
</body>

 

　　　　3  样式控制

<script>
    
    $(function(){
        //$("#div1").css("background-color","red");
        $("#div1").css("backgroundColor","red")
    })
    
</script>
<body>
<div id="div1">div1</div>
<div id="div2">div2</div>
<input type="button" id="b1" value="屑">
</body>

 

　

 

　　

　　

posted @ 2022-03-15 19:28  Cuora  阅读(39)  评论(0)    收藏  举报