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 相关文章推荐
HTML5+jQuery实现搜索智能匹配功能
Mar 24 jQuery
jquery实现图片上传前本地预览
Apr 28 jQuery
jquery+css实现侧边导航栏效果
Jun 12 jQuery
jQuery 实现双击编辑表格功能
Jun 19 jQuery
jQuery层级选择器_动力节点节点Java学院整理
Jul 04 jQuery
jQuery插件实现弹性运动完整示例
Jul 07 jQuery
jQuery插件实现的日历功能示例【附源码下载】
Sep 07 jQuery
jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】
Jun 06 jQuery
基于Bootstrap和JQuery实现动态打开和关闭tab页的实例代码
Jun 10 jQuery
基于ajax及jQuery实现局部刷新过程解析
Sep 12 jQuery
jQuery使用jsonp实现百度搜索的示例代码
Jul 08 jQuery
jQuery 添加元素和删除元素的方法
Jul 15 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
discuz加密解密函数使用方法和中文注释
2014/01/21 PHP
PHP使用Mysql事务实例解析
2014/09/08 PHP
php实现图片转换成ASCII码的方法
2015/04/03 PHP
php检测mysql表是否存在的方法小结
2017/07/20 PHP
jquery 学习笔记一
2010/04/07 Javascript
Jquery绑定事件(bind和live的区别介绍)
2013/08/23 Javascript
js动态添加事件并可传参数示例代码
2013/10/21 Javascript
jquery 无限级下拉菜单的简单实现代码
2014/02/21 Javascript
bootstrap改变按钮加载状态
2014/12/01 Javascript
AngularJS入门教程(零):引导程序
2014/12/06 Javascript
JavaScript学习小结(7)之JS RegExp
2015/11/29 Javascript
js判断图片加载完成后获取图片实际宽高的方法
2016/02/25 Javascript
jQuery height()、innerHeight()、outerHeight()函数的区别详解
2016/05/23 Javascript
jQuery基本筛选选择器实例代码
2017/02/06 Javascript
VUEJS 2.0 子组件访问/调用父组件的实例
2018/02/10 Javascript
使vue实现jQuery调用的两种方法
2019/05/12 jQuery
关于vue里页面的缓存详解
2019/11/04 Javascript
微信小程序实现点击页面出现文字
2020/09/21 Javascript
Python解决N阶台阶走法问题的方法分析
2017/12/28 Python
Python爬虫之pandas基本安装与使用方法示例
2018/08/08 Python
Django框架登录加上验证码校验实现验证功能示例
2019/05/23 Python
对python 中re.sub,replace(),strip()的区别详解
2019/07/22 Python
python机器学习实现决策树
2019/11/11 Python
Django Path转换器自定义及正则代码实例
2020/05/29 Python
Python根据指定文件生成XML的方法
2020/06/29 Python
使用Python文件读写,自定义分隔符(custom delimiter)
2020/07/05 Python
Java基础类库面试题
2013/09/04 面试题
职业教育毕业生求职信
2013/11/09 职场文书
个人收入证明范本
2014/01/12 职场文书
高中体育教学反思
2014/01/24 职场文书
法律进机关实施方案
2014/03/12 职场文书
大学生求职自荐信范文
2015/03/04 职场文书
就业意向书范本
2015/05/11 职场文书
作文之亲情600字
2019/09/23 职场文书
tensorboard 可视化之localhost:6006不显示的解决方案
2021/05/22 Python
JavaWeb Servlet实现网页登录功能
2021/07/04 Java/Android