JQuery选择器、过滤器大整理

前端技术 2023/09/07 JavaScript

经过一晚上的查找整理，终于整理出一套应该算最全面的JQuery选择过滤器的方法了。所有代码均经过测试。

首先HTML代码

复制代码 代码如下:

HTML Code

<html>
<head>
<script type=\"text/javascript\" src=\"JQuery/jquery-1.5.1.js\"></script>
</head>
<body>
<form name=\"form1\" id=\"form1\" class=\"form1\" action=\"\" method=\"post\">

  <table name=\"table1\" id=\"table1\" class=\"table1\">
    <tr name=\"tr1\" id=\"tr1\" class=\"tr1\">
      <td name=\"td11\" id=\"td11\" class=\"td11\" nowrap>
      <input type=\"text\" name=\"text11\" id=\"text11\" class=\"text11\" value=\"text11\"/>
      <input type=\"button\" name=\"button11\" id=\"button11\" class=\"button11\" value=\"button11\"/>
      </td>
      <td name=\"td12\" id=\"td12\" class=\"td12\">
      <input type=\"text\" name=\"text12\" id=\"text12\" class=\"text12\" value=\"text12\"/>
      <input type=\"hidden\" name=\"hidden12\" id=\"hidden12\" class=\"hidden12\" value=\"hidden12\"/>
      </td>
      <td name=\"td13\" id=\"td13\" class=\"td13\">
      <input type=\"text\" name=\"text13\" id=\"text13\" class=\"text13\" value=\"text13\"/>
      </td>
    </tr>
    <tr name=\"tr2\" id=\"tr2\" class=\"tr2\">
      <td name=\"td21\" id=\"td21\" class=\"td21\">
      <input type=\"password\" name=\"password21\" id=\"password21\" class=\"password21\" value=\"password21\"/>
      <input type=\"radio\" name=\"radio21\" id=\"radio21\" class=\"radio21\" value=\"radio21\" checked/>
      <input type=\"checkbox\" name=\"checkbox21\" id=\"checkbox21\" class=\"checkbox21\" value=\"checkbox21\" checked/>
      </td>
      <td name=\"td22\" id=\"td22\" class=\"td22\" nowrap>
      <input type=\"submit\" name=\"submit22\" id=\"submit22\" class=\"submit22\" value=\"submit22\"/>
      <input type=\"image\" name=\"image22\" id=\"image22\" class=\"image22\" value=\"image22\"/>
      <input type=\"reset\" name=\"reset22\" id=\"reset22\" class=\"reset22\" value=\"reset22\"/>
      </td>
      <td name=\"td23\" id=\"td23\" class=\"td23\">
      <input type=\"file\" name=\"file23\" id=\"file23\" class=\"file23\" value=\"file23\"/>
      </td>
    </tr>
    <tr name=\"tr3\" id=\"tr3\" class=\"tr3\">
      <td name=\"td31\" id=\"td31\" class=\"td31\">

  <select name=\"select31\" size=\"1\">
    <option value=\"select311\">option1</option>
    <option value=\"select312\" selected>option2</option>
    <option value=\"select313\">option3</option>
  </select>

      </td>
      <td name=\"td32\" id=\"td32\" class=\"td32\"></td>
      <td name=\"td33\" id=\"td33\" class=\"td33\"></td>
    </tr>
  </table>
</form>
<h1>你好世界！</h1>
</body>
</html>

本文地址：https://www.stayed.cn/item/18807

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案