jq页面加载完毕后执行某个事件（jq获取不到动态标签）

jquery的使用非常简单。首先引入我们的jquery库，代码如下所示:

<script src="../js/jquery-1.12.4.js"></script>

接下来我们就可以直接使用jquery库了。代码如下所示:

<script src="../js/jquery-1.12.4.js"></script>

这里我们有必要学习一下window.onload和jquery ready方法方法的区别,以上两种方式都是在 html 文档完毕后再执行 dom 操作，但它们还是有一定的区别，如下图：

区别一:执行时机不同

1. 原生js会等到dom元素加载完毕,并且图片也加载完毕才会执行

2. jquery会等到dom元素加载完毕,但不会等到图片也加载完毕就会执行

<script>
    // 原生js的写法
    window.onload = function() {
        alert("helloworld js!!!");
    }
    // jquery 写法一
    jquery(document).ready(function() {
        alert("hello jquery01!!!");
    });
</script>

区别二：执行次数不同

1. 原生的js如果编写了多个入口函数,后面编写的会覆盖前面编写的

2. jquery中编写多个入口函数,后面的不会覆盖前面的

// 区别二:  执行次数不同
window.onload = function() {
    alert("hello xyr1");
}
window.onload = function() {
    alert("hello xyr2");
}
jquery(document).ready(function() {
    alert("hello xyr1");
})
jquery(document).ready(function() {
alert("hello xyr2");
})

区别三: 原生的js是没有简写的，jquery可以通过$符号简化代码：

// jquery 写法一
jquery(document).ready(function() {
alert("hello jquery01!!!");
});
// jquery 写法二
$(document).ready(function() {
    alert("hello jquery02!!!");
});
// jquery写法三
jquery(function() {
    alert("hello jquery03!!!");
});
// jquery写法四
$(function() {
    alert("hello jquery04!!!");
});