JQurey事件绑定、入口函数、样式控制：CSS方法

最新推荐文章于 2020-06-16 19:34:59 发布

_七七

最新推荐文章于 2020-06-16 19:34:59 发布

阅读量157

点赞数

分类专栏： JQuery 文章标签： js jquery css javascript

本文链接：https://blog.csdn.net/qq_43472877/article/details/106744233

版权

JQuery 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

事件绑定

 //获取b1按钮
            $("#b1").click(function () {
                alert("abc");
            });

入口函数

$(function () {

        });

window.onload 和 $(function) 区别
window.Onload只能定义一次，多次定义，最后的会把前面的覆盖掉
$(function)可定义多次

样式控制：CSS方法

$("#div1").css("background-color","pink");

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JQuery事件绑定</title>
    <script src="js/jquery-3.4.1.min.js"></script>

    <style>
        #div1{
            background-color: red;
        }
    </style>

    <script>
        //给b1按钮绑定单击事件
        window.onload = function(){
            //获取b1按钮
            $("#b1").click(function () {
                alert("abc");
            });
        }

        //JQuery入口函数（dom文档加载完成之后执行该函数中的代码）
        $(function () {
            //获取b1按钮
            $("#b1").click(function () {
                alert("abc");
            })
        });
        
        $(function () {
            $("#div1").css("background-color","pink");
        })


    </script>


</head>

<body>

    <div id="div1">div1...</div>
    <div id="div2">div2...</div>

    <input type="button" id="b1" value="按钮1">

</body>
</html>

_七七

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQurey事件绑定、入口函数、样式控制：CSS方法

事件绑定 //获取b1按钮 $("#b1").click(function () { alert("abc"); });入口函数$(function () { });window.onload 和 $(function) 区别window.Onload只能定义一次，多次定义，最后的会把前面的覆盖掉$(function)可定义多次样式控制：CSS方法$("#div1").css("back
复制链接

扫一扫

专栏目录