jq事件绑定

The hang 土豆

已于 2022-08-15 17:02:32 修改

阅读量703

点赞数

文章标签： servlet 前端 html

于 2022-08-13 18:37:25 首次发布

本文链接：https://blog.csdn.net/LiHang1234567777/article/details/126322831

版权

本文介绍了jQuery中事件绑定的使用，包括常规方法、bind和on方法，并展示了如何实现动态绑定。此外，还详细讲解了键盘事件，如keydown和keyup，通过案例演示了如何在点击字母或方向键时触发相应效果。

摘要由CSDN通过智能技术生成

一、jq表格点击添加并选中的删除

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../jq/jquery.min.js"></script>
</head>

<body>
    <p>
        学号： <input type="text" name="" id="sid"> 姓名： <input type="text" name="" id="uname"> 年龄： <input type="text" name="" id="age">
        <input type="button" value="添加" id="btn1">
        <input type="button" value="删除" id="btn2">
    </p>
    <table border="1">
        <tr>
            <th><input type="checkbox" id="seleciAll"></th>
            <th>学号</th>
            <th>姓名</th>
            <th>年龄</th>
        </tr>
        <tr>
            <td>
                <input type="checkbox">
            </td>
            <td>1001</td>
            <td>张三</td>
            <td>19</td>
        </tr>
        <tr>
            <td>