快捷導(dǎo)航

jQuery實(shí)現(xiàn)簡單評(píng)論功能

更新時(shí)間：2020年08月19日 11:54:47 作者：hemingyang97

這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡單評(píng)論功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了jQuery實(shí)現(xiàn)簡單評(píng)論功能的具體代碼，供大家參考，具體內(nèi)容如下

例子：

<!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();
        //獲取內(nèi)容
        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>內(nèi)容</td>
    </table>
    昵稱：<input id="name" type="text" />
    內(nèi)容：<input id="next" type="text" />
    <input id="Button1" type="button" value="評(píng)論" />
  </div>
</body>
</html>

效果：

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

jquery實(shí)現(xiàn)倒計(jì)時(shí)效果
這篇文章主要介紹了jquery實(shí)現(xiàn)倒計(jì)時(shí)效果，根據(jù)設(shè)計(jì)一個(gè)游戲引出的倒計(jì)時(shí)功能，需要的朋友可以參考下
2015-12-12
使用jquery插件實(shí)現(xiàn)圖片延遲加載技術(shù)詳細(xì)說明
有時(shí)我們看到一些大型網(wǎng)站，頁面如果有很多圖片的時(shí)候，當(dāng)你滾動(dòng)到相應(yīng)的行時(shí)，當(dāng)前行的圖片才即時(shí)加載的，這樣子的話頁面在打開只加可視區(qū)域的圖片，而其它隱藏的圖片則不加載，一定程序上加快了頁面加載的速度，對(duì)于比較長的頁面來說，這個(gè)方案是比較好的。
2011-03-03
jQuery中append()方法用法實(shí)例
這篇文章主要介紹了jQuery中append()方法用法,實(shí)例分析了append()方法的功能、定義及在匹配元素的結(jié)尾插入指定內(nèi)容的使用技巧,需要的朋友可以參考下
2015-01-01
bootstrap+jquery項(xiàng)目引入文件報(bào)錯(cuò)的解決方法
這篇文章主要介紹了bootstrap+jquery項(xiàng)目引入文件的常見報(bào)錯(cuò)問題，下面小編給大家?guī)砹艘恍╁e(cuò)誤及錯(cuò)誤的解決方法,需要的朋友可以參考下
2018-01-01
jQuery固定元素插件scrolltofixed使用指南
ScrollToFixed (jquery Fixed plugin)能夠讓網(wǎng)頁的導(dǎo)航或表頭等固定在頂部或底部，讓用戶更方便的操作或查看信息。除了導(dǎo)航和表頭，也可以固定其他內(nèi)容，比如廣告、返回頂部等等。
2015-04-04
jQuery實(shí)現(xiàn)根據(jù)類型自動(dòng)顯示和隱藏表單
這篇文章主要給大家分享了jQuery實(shí)現(xiàn)根據(jù)類型自動(dòng)顯示和隱藏表單的代碼，非常的簡單實(shí)用，僅僅10行代碼，推薦給大家，希望能給大家一些提示。
2015-03-03
jsTree 基于JQuery的排序節(jié)點(diǎn) Bug
jsTree(JQuery) 排序節(jié)點(diǎn) Bug的解決方法。
2011-07-07
jQuery中的.bind()、.live()和.delegate()之間區(qū)別分析
jQuery中的.bind()、.live()和.delegate()之間區(qū)別分析，學(xué)習(xí)jquery的朋友可以參考下。
2011-06-06
原生jQuery實(shí)現(xiàn)只顯示年份下拉框
這篇文章主要介紹了原生jQuery實(shí)現(xiàn)只顯示年份下拉框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-12-12
jQuery 彈出層插件(推薦)
本文是小編自己寫的一個(gè)彈出層插件代碼，非常秀珍，感興趣的朋友一起學(xué)習(xí)吧
2016-05-05