Javascript和jquery基础示例[1001]

最新推荐文章于 2024-03-27 10:01:40 发布

MY128

最新推荐文章于 2024-03-27 10:01:40 发布

阅读量502

点赞数

分类专栏： javascript jquery 文章标签： javascript jquery 示例

本文链接：https://blog.csdn.net/MY128/article/details/85315036

版权

javascript 同时被 2 个专栏收录

15 篇文章 0 订阅

订阅专栏

jquery

7 篇文章 0 订阅

订阅专栏

Javascript和jquery基础示例[1001]

一、开解：

我们先看一下最终效果的视频。

二、实例：

<!DOCTYPE html>
<html>
<head>
<metacharset="UTF-8">
<title>方块网页</title>
<scriptsrc="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
<inputtype="text"id="ip">
<buttonid="btadd">添加项</button>
<divid="dcon"></div>
</body>
<script>
//取得三个元素节点，以便后面操作//
var$btadd = $("#btadd");
var$dcon = $("#dcon");
var$ip = $("#ip");
///这个函数返回的是html,注意它用的不是单引号，而是键盘左上角的点号
///prm是一个变量，这里就是在html中调用js里的变量
functiongetval(prm) {
return`<button>${prm}</button><br>`;
}
//单击事件
$btadd.click(function () {
$dcon.append(getval($ip.val()));//追加html
$ip.val("");//清空输入框input
$ip.focus();//焦点在输入框，就是鼠标在输入框
});
</script>
</html>