zoukankan      html  css  js  c++  java
  • JQuery 函数书写

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>jQuery函数书写</title>
        <script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
        <script type="text/javascript">
            // 原生JavaScript调用方法:
            window.onload = function(){
                var oDiv1 = document.getElementById('div1');
                alert("原生JavaScript显示"+oDiv1);
            }        
    
            // JQuery调用方法:
            // 大概意思应为:当html文档ready准备好的时候,附带运行ready内的参数.所以在ready内部写的函数与 原生JavaScript在windows.onload,类似;
            // 不过两者差别在于 windows.onload = function(){}         是等待onload之后,网页 框架和数据 完全缓存完之后才运行.   $(document).ready(    function(){}    )                        是在 式样框架 缓存完之后就开始运行.
            // window.onload 是等标签加载完之后再渲染完毕之后,开始执行
            // $(document).ready()是等标签加载完之后就开始执行.
            //  所以$(document).ready(function(){}) 要比 window.onload=function(){} 快的多.
    
            $(document).ready(function(){
    
                var $div = $("#div1");
                alert("JQuery弹出"+$div)
    
            })
            // ready的完整写法如上.(理解其意义即可.)
            /*
            简写方法:
            $ = $(document).ready
            $(document).ready(function(){}) <=====> $(funciton(){})
            */
    
            $(function(){
                var $div = $('#div');
                alert('jQuery第二次弹出'+$div)
    
            })
    
        </script>
    </head>
    
    <body>
        <div id="div1">这是一个div元素</div>
    </body>
    </html>
  • 相关阅读:
    第一篇随笔
    我的第一篇博客
    第一次博客
    芜湖
    芜湖~
    起飞
    第一天
    第一篇随笔
    第一篇随笔
    随笔
  • 原文地址:https://www.cnblogs.com/jrri/p/11347504.html
Copyright © 2011-2022 走看看