jquery 实现页面元素查询功能

作者：袖梨 2022-06-25

提示：您可以先修改部分代码再运行

<meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>bank</title>
    <style type="text/<a href=" http: target="_blank">css">
      p{margin:2px;border:1px solid #f1f1f1;background-color:#f5f5f5}
    </style>
    <script type="text/javascript" src="http://ajax.m*icr*o*soft.com/ajax/jquery/jquery-1.4.min.js"></script>
    <script type="text/javascript">
      $(function(){
        var obj =  $("#invar");
        var e = $("#e");
        obj.blur(function(){
          var id = '#'+obj.val()
          if($(id).size()){
            e.text("exist");
          }else{
            e.text("not exist");
          }
        })
      })
    </script>
  
  
    <div style="margin:20px auto; text-align:center;">
      <table border="0">
        <tr>
          <td>输入id <input type="text" id="invar" value=""> <input type="button" value="检查"> </td>
          <td><span id="e"></span></td>
        </tr>
      </table>
      <p id="id1">id = id1 </p>
      <p id="id2">id = id2 </p>
      <p id="id3">id = id3 </p>
      <p id="id4">id = id4 </p>
      <p id="id5">id = id5 </p>
      <p id="id6">id = id6 </p>
      <p id="id7">id = id7 </p>
      <p id="id8">id = id8 </p>
      <p id="id9">id = id9 </p>
    </div>

提示：您可以先修改部分代码再运行

相关文章

精彩推荐