[jQuery]入口函数(一)

jQuery入口函数

  • 等着DOM结构渲染完毕即可执行内部代码,不必等到所有外部资源加载完毕
    $(function () {
        // 此处是页面DOM加载完成的入口
    });

    $(document).ready(function () {
        // 此处是页面DOM加载完成的入口
        $('div').hide()
    );

演示代码

  • 由于本人使用Flask Jinjia2注释样式为 {# #}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

{#    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>#}
    <script src="../static/jquery.min.js"></script>
    <style>
        div {
            width: 200px;
            height: 200px;
            background-color: pink;
        }
    </style>
</head>
<body>
<h1>Hello the World</h1>
<script type="text/javascript">
    # 最原始的写法但是要求DIV提前加载
    $('div').hide();
    # 方法1. 等着DOM加载完毕后再去执行js代码
    $(document).ready(function () {
        $('div').hide()
    });
    # 方法2. 等着DOM加载完毕后再去执行js代码 隐藏DIV
    $(function(){
         $('div').hide();
     });
</script>
<div></div>
</body>
</html>

END

原文地址:https://www.cnblogs.com/leoshi/p/12335043.html

时间: 2024-10-03 20:05:39

[jQuery]入口函数(一)的相关文章

jQuery - 01. jQuery特点、如何使用jQuery、jQuery入口函数、jQuery和DOM对象的区别、jQuery选择器、

this指的是原生js的DOM对象 .css(""):只写一个值是取值,写俩值是赋值 window.onload   ===   $(document).ready(); $(""):获取元素   标签名..类名.#id jQuery特点 链式编程 jq.shou(3000).html(内容) 相当于 jq.shou(3000) jq.gtml(内容) 隐式迭代 隐式实用for循环.迭代 如何使用jQuery 引包 一定要在使用之前 <script src =

js入口函数跟jQuery入口函数的区别

JS的window.onload事件必须要等到所有内容,以及外部图片之类的文件加载完之后,才会去执行. JQuery入口函数是在所有标签加载完之后,就会去执行. 接着,通过JS的一个覆盖问题引出对JQuery入口函数实现的解释. JS的入口函数window.onload函数有一个覆盖的问题,当文档中出现2个window.onload函数的时候,后者会覆盖前者,导致功能实现不了.但是JQuery却没有这样的问题,重要是因为JQuery入口函数只是对封装好了的方法的一个调用,只不过传的参数不同而已.

1.jQuery入口函数

<!--注意,如果需要对ie67兼容,我们可以使用原生低版本的jquery 比如说jquery-1.12.4.js--> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery入口函数</title> <script src="jquery-3.3.1.js"&

js和jQuery入口函数的区别

一.原生Js和jQuery入口函数加载模式不同. 1.原生Js会等到DOM元素加载完毕,并且图片也加载完毕才会执行: 2.jQuery会等到DOM元素加载完毕,但不会等到图片加载完毕就会执行. 二.编写多个入口函数的区别. 1.原生Js如果编写多个入口函数,后面编写的会覆盖前面编写的: 2.JQuery中编写多个入口函数,后面的不会覆盖前面的. 原文地址:https://www.cnblogs.com/misi/p/10389399.html

jquery 入口函数

jQuery 入口函数: $(document).ready(function(){ // 执行代码 }); 或者 $(function(){ // 执行代码 }); JavaScript 入口函数: window.onload = function () { // 执行代码 } jQuery 入口函数与 JavaScript 入口函数的区别: jQuery 的入口函数是在 html 所有标签(DOM)都加载之后,就会去执行. JavaScript 的 window.onload 事件是等到所有

jquery入口函数的测试

/*编写一个自定义的jquery框架*/ (function (window,undefined) { var njquery=function (selector ,) { return new jquery .prototype.init(); /*prototype==fn*/ }; jquery.prototype={ constructor:njQuery }; njquery.prototype.init.prototype=njquery.prototype;window.njqu

jQuery入口函数四种写法

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>04-jQuery入口函数的其它写法</title> <script src="js/jquery-1.12.4.js"></script> <script> // 1.第一种写法 $(document

jQuery和JS入口函数的区别

1.通过原生的JS入口函数和jQuery入口函数都可以拿到DOM元素 2.通过原生的JS入口函数可以拿到DOM元素的宽高,jQuery入口函数不可以拿到DOM元素的宽高 3.原生JS和jQuery入口函数的加载模式不同 原生JS会等到DOM元素加载完毕,并且图片也加载完毕才会执行 jQuery会等到DOM元素加载完毕,但不会等到图片也加载完毕就会执行 4.原生的JS如果编写了多个入口函数,后面编写的会覆盖前面编写的,jQuery中编写多个入口函数,后面的不会覆盖前面的 原文地址:https://

对比JavaScript的入口函数和jQuery的入口函数

JavaScript的入口函数要等到页面中所有的资源(包括图片.文件)加载完成才开始执行. jQuery的入口函数只会等待文档数加载完成就开始执行,并不会等待图片.文件的加载.