Java教程

JavaScript之JQuery学习

本文主要是介绍JavaScript之JQuery学习,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

牢记一个公式:

$selector.action();

  这一个公式相当于是将JavaScript中的getElement方法和后面操作的函数内容相结合起来,下面稍作演示:

在使用之前,像之前使用的MD5一样,我们需要首先将工具导入至我们的项目中,baidu “cdn jquery”,找到一个script链接复制到我们的项目中就可以使用了。演示部分的代码如下:

<head>
    <meta charset="UTF-8">
    <title>JS演示</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
</head>
<body>
<a href="" id="tst-jq">click here</a>
<script>
    $('#tst-jq').click(function () {
        alert("You are really clever!Congratulations!")
    })
</script>
</body>

  结果就是点击click here按钮之后会弹出弹窗,如果未能正确弹出,可能是jquery导入的问题,建议自己搜索并导入。

其余的jquery操作建议大家查询相关工具网站后,在工具网站中寻找自己要用的内容,函数,在进行编写。

这篇关于JavaScript之JQuery学习的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!