javaquery中的$().xxx(““)

javaquery中的$().xxx("")

jQuery是一个快速，小巧，功能丰富的JavaScript库。它通过易于使用的API在大量浏览器中运行，使得HTML文档遍历和操作，事件处理，动画和Ajax更加简单。通过多功能性和可扩展性的结合，jQuery改变了数百万人编写JavaScript的方式。

$(" “).css(” “)
$(” “).find(”").text
$().children(" “).eq().text
$().find(” “).text()
td:first-child
td:nth-child(n)
$(” “).attr(” ", )

html文件:

 <div class="box-body">
        <table id="example1" class="table table-bordered table-hover">
               <thead>
               <tr>
               <th>姓名</th>
               <th>性别</th>
               <th>年龄</th>
               <th>出生年月</th>
               <th>操作</th>
               </tr>
               </thead>
               <tbody>
                   {{ range .zhanShi }}
                     <tr>
                      <td>{{.FirstName}}</td>
                      <td>{{.Sex}}</td>
                      <td>{{.Age}}</td>
                      <td>{{.BirthData}}</td>
                      <td>
                         <div class="btn-group">
                              <a type="button" class="btn btn-info" onclick="BtnClick(this)">修改</a>
                              <a type="button" class="btn btn-danger" onclick="BtnDelete(this)">删除</a>
                         </div>
                      </td>
                     </tr>
                   {{ end }}
                  </tbody>
                </table>
            </div>

js文件

function BtnClick(btn){
        if($("#updata").css("display")=="none"){
            $("#updata").show();
            var $td = $(btn).parents("tr");
            var value = $($td).find("td:first-child").text();
            $("#rfirstname").attr("value",value);
            value = $($td).children("td").eq(1).text();
            $("#rsex").attr("value",value);
            value = $($td).children("td").eq(2).text();
            $("#rage").attr("value",value);
            value = $($td).children("td").eq(3).text();
            $("#rbirthdata").attr("value",value);
        }
    }

运行结果展示：

点击修改之后的页面：