03--jQuery基础--Jquery对象事件绑定

最新推荐文章于 2022-07-22 18:49:27 发布

猪哥哥呀

最新推荐文章于 2022-07-22 18:49:27 发布

阅读量162

点赞数

分类专栏： jquery 文章标签： jquery事件绑定

本文链接：https://blog.csdn.net/weixin_42133396/article/details/102620614

版权

jquery 专栏收录该内容

23 篇文章 1 订阅

订阅专栏

Jquery对象事件绑定

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

    <script>
        // 给b1按钮添加单击事件
window.onload=function () {
    /*下面这种写法是错误的*/
 /*   $("#b1").click(){
        alert("点击过来");
    }*/
 /*需要在click里面写我们的fun*/
  /*  $("#b1").click(function () {
        alert("点击过来");
    })*/
}
$(function () {
    /*页面加载完成后执行里面的内容*/
    $("#div1").css("backgroundColor","pink");
    $("#b1").click(function () {
        alert("点击过快");
    })
})
      //jquery入口函数(dom文档加载完成之后执行该函数中的代码)
function f1() {
    $("#div1").html("div1我的值改变了")
}

function f2() {
    $("#div2").html("div2获取到了")
}
window.onload=f1;
window.onload=f2;
$(function () {
    f1();
})
        $(function () {
            f2();
        })

    </script>

</head>
<body>

    <div id="div1">div1....</div>
    <div id="div2">div2....</div>
    <input type="button" value="点我" id="b1">
<!--    总结-->
<!--1.window.onload事件只能调用一次，多次调用，后面的会覆盖前面的
2.$(function(){
})可以多次调用
-->



</body>
</html>

猪哥哥呀

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
03--jQuery基础--Jquery对象事件绑定

Jquery对象事件绑定<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>事件绑定</title> <script src="js/jquery-3.3.1.min.js"></script...
复制链接

扫一扫

专栏目录