jQuery实现简单评论功能


Posted in jQuery onAugust 19, 2020

本文实例为大家分享了jQuery实现简单评论功能的具体代码,供大家参考,具体内容如下

例子:

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title></title>
  <meta charset="utf-8" />
  <style type="text/css">
    #tab {
    border-right:1px solid #000000;
    border-bottom:1px solid #000000;
    width:200px;
    }
    #tab td{
      border-left:1px solid #000000;
      border-top:1px solid #000000;
    }
  </style>
  <script src="../scripts/jquery-1.3.1.js"></script>
  <script>
    $(function () {
      $("#Button1").click(function () {
        //获取昵称
        var name = $("#name").val();
        //获取内容
        var next = $("#next").val();
        //添加
        var ul_li = $(" <tr><td>" + name + "</td><td>" + next + "</td>");
        var b = $("#tab");
        b.append(ul_li);
      });
    });
  </script>
</head>
<body>
  <div>
    <table id="tab">
    <tr><td>昵称</td><td>内容</td>
    </table>
    昵称:<input id="name" type="text" />
    内容:<input id="next" type="text" />
    <input id="Button1" type="button" value="评论" />
  </div>
</body>
</html>

效果:

jQuery实现简单评论功能

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
jquery ui sortable拖拽后保存位置
Apr 27 jQuery
jQuery遍历节点方法汇总(推荐)
May 13 jQuery
浅谈struts1 &amp; jquery form 文件异步上传
May 25 jQuery
JQuery form表单提交前验证单选框是否选中、删除记录时验证经验总结(整理)
Jun 09 jQuery
jquery与js实现全选功能的区别
Jun 11 jQuery
关于jQuery里prev()的简单操作代码
Oct 27 jQuery
jQuery+ajax实现动态添加表格tr td功能示例
Apr 23 jQuery
jquery实现下载图片功能
Jul 18 jQuery
jQuery插件simplePagination的使用方法示例
Apr 28 jQuery
jQuery开发仿QQ版音乐播放器
Jul 10 jQuery
jQuery实现移动端扭蛋机抽奖
Nov 08 jQuery
jquery实现拖拽添加元素功能
Dec 01 jQuery
jquery+ajax实现异步上传文件显示进度条
Aug 17 #jQuery
jQuery实现异步上传一个或多个文件
Aug 17 #jQuery
jQuery中event.target和this的区别详解
Aug 13 #jQuery
JQuery通过键盘控制键盘按下与松开触发事件
Aug 07 #jQuery
Jquery cookie插件实现原理代码解析
Aug 04 #jQuery
jQuery实现雪花飘落效果
Aug 02 #jQuery
jQuery实现滑动开关效果
Aug 02 #jQuery
You might like
深入理解PHP几个算法:PHP冒泡、PHP二分法、PHP求素数、PHP乘法表
2013/06/06 PHP
PHP批量查询WordPress留言者E-mail地址实现方法
2015/02/15 PHP
大家在抢红包,程序员在研究红包算法
2015/08/31 PHP
解决laravel id非自增 模型取回为0 的问题
2019/10/11 PHP
JavaScript 轻松搞定快捷留言功能 只需一行代码
2010/04/01 Javascript
Javascript 中 null、NaN和undefined的区别总结
2013/04/10 Javascript
如何在node的express中使用socket.io
2014/12/15 Javascript
js判断输入字符串是否为空、空格、null的方法总结
2016/06/14 Javascript
angularjs封装bootstrap时间插件datetimepicker
2016/06/20 Javascript
jQuery Ajax Post 回调函数不执行问题的解决方法
2016/08/15 Javascript
jQuery弹出下拉列表插件(实现kindeditor的@功能)
2016/08/16 Javascript
AngularJS 入门教程之事件处理器详解
2016/08/19 Javascript
NodeJS中的MongoDB快速入门详细教程
2016/11/11 NodeJs
jQuery实现页面顶部下拉广告
2016/12/30 Javascript
js如何获取网页所有图片
2017/05/12 Javascript
微信小程序 跳转传递数据的实例
2017/07/06 Javascript
JS设计模式之单例模式(一)
2017/09/29 Javascript
Vue进度条progressbar组件功能
2018/04/17 Javascript
JS执行控制之节流模式实例分析
2018/12/21 Javascript
页面内锚点定位及跳转方法总结(推荐)
2019/04/24 Javascript
vue实现抖音时间转盘
2019/09/08 Javascript
vuex存储token示例
2019/11/11 Javascript
jQuery插件实现图片轮播效果
2020/10/19 jQuery
[57:47]Fnatic vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python多线程扫描端口示例
2014/01/16 Python
python制作爬虫爬取京东商品评论教程
2016/12/16 Python
Python如何获取Win7,Win10系统缩放大小
2020/01/10 Python
Pytorch 计算误判率,计算准确率,计算召回率的例子
2020/01/18 Python
使用python+poco+夜神模拟器进行自动化测试实例
2020/04/23 Python
conda安装tensorflow和conda常用命令小结
2021/02/20 Python
领导接待方案
2014/03/13 职场文书
关于祖国的演讲稿
2014/05/04 职场文书
小学亲子活动总结
2014/07/01 职场文书
2014年保险公司工作总结
2014/11/22 职场文书
聊聊JS ES6中的解构
2021/04/29 Javascript
使用python求解迷宫问题的三种实现方法
2022/03/17 Python