jQuery学习1

最新推荐文章于 2024-09-01 23:06:50 发布

你若信

最新推荐文章于 2024-09-01 23:06:50 发布

阅读量374

点赞数

分类专栏： jQuery 文章标签： jquery 学习

本文链接：https://blog.csdn.net/qq_44152890/article/details/123032753

版权

jQuery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

这篇博客介绍了jQuery作为JavaScript的高级封装，如何通过它来操作BOM和DOM。示例展示了如何在HTML中引入jQuery库，然后利用jQuery选择器获取元素，并绑定点击事件。当按钮被点击时，弹出对话框显示按钮的value值。

摘要由CSDN通过智能技术生成

1、jQuery是js的高级版，封装BOM和DOM
2、基本使用

<!DOCTYPE html>
<html>
    <head>
        <title>jQuery的基本使用</title>
    </head>
    <body>
        <input type="button" value="按下" id="btn1"/><br>

        <!--获取-->
        <!--第一步，导入jQuery库
            src属性的值为jQuery库的地址，这里用的是在线地址
        -->
        <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
        
        
        <!--第二步，写jQuery语句-->
        <script type="text/javascript">
            //$(function(){})相当于js中的创建函数：函数名=function(){}
            //是绑定文档加载的监听
            $(function(){
                //$('#btn1')获取id为btn1的元素，click单击事件
                //这段代码相当于js中的document.getElementById("btn1").οnclick=function(){
                $('#btn1').click(function(){
                    //如果想获取value必须用val()
                    //注意：jQuery不写分号
                    var h=$('#btn1').val()
                    alert(h)
                })
            })
        </script>
    </body>
</html>

你若信

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery学习1

1、jQuery是js的高级版，封装BOM和DOM2、基本使用<!DOCTYPE html><html> <head> <title>jQuery的基本使用</title> </head> <body> <input type="button" value="按下" id="btn1"/><br> <!--获取--&
复制链接

扫一扫

专栏目录