码迷,mamicode.com
首页 > Web开发 > 详细

jquery hello world

时间:2020-03-12 11:27:08      阅读:46      评论:0      收藏:0      [点我收藏+]

标签:ref   src   dom   load   download   rip   描述   min   设置   

1 jQuery

jQuery是一个js库,一个js文件,极大地简化了编程,官网链接在这里,有compressed,uncompressed版本,使用时一样.

2 hello world

<html>
    <head>
        <title>jquery hello world</title>
        <script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
        <script type="text/javascript">
            $(function()
            {
                $("p").html("hello world");
            });
        </script>
    </head>
    <body>
        <p></p>
    </body>
</html>

jQuery使用时直接从官网引入文件即可,这里用的是3.4.1版本.

$(function())

$(document).ready(function(){})

的缩写,这个函数会在DOM加载完成后执行.

$("p")

表示选择页面的所有<p>元素,html()可以设置元素的内容.
技术图片

jquery hello world

标签:ref   src   dom   load   download   rip   描述   min   设置   

原文地址:https://blog.51cto.com/14415843/2477466

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!