JQuery常用选择器

来源：互联网发布：亲密关系知乎编辑：程序博客网时间：2024/06/08 18:10

常用的基本选择器：

<%@ page contentType="text/html; charset=UTF-8" %><!DOCTYPE HTML><html>   <head>   <meta >      <script type="text/javascript" src="jquery-3.1.1.js"></script>      <script type="text/javascript">      $(function(){      alert($("#ID").val());//根据Id选择元素，val（）得到value      alert($("a").html());//根据标记选择元素，html（）得到内容      alert($(".classname").val());//根据class选择元素      alter($("*").length);//所有元素      alert($("input,a").length);//组合选择元素      });      </script>   </head>   <body>   <input type="text" id="ID" value="根据ID选择" />   <a>根据元素名称选择</a>   <input type="text" class="classname" value="根据元素css类名选择" />   </body></html>

常用的层次选择器：

所有儿孙----所有儿子----后面一个兄弟----后面所有兄弟

<%@ page contentType="text/html; charset=UTF-8" %><!DOCTYPE HTML><html>   <head>      <script src="jquery-3.1.1.js" type="text/javascript"></script>  <script type="text/javascript">$(function(){alert($("#divTest a").length);//查找id为divTest元素的所有a标记元素子孙 -----3个alert($("#divTest>input").length);//查找id为idvTest的元素的所有input子元素----4个alert($("#next+input").val());//查找id为next的元素后面同辈input元素----担当alert($("#next~input").length);//查找id为next的元素后面所有同辈input元素------2个});  </script>   </head>   <body>     <div id="divTest">       <input type="text" value="投资" />       <input id="next" type="text" />       <input type="text"  value="担当" />       <input type="text" title="学习" value="学习" />       <a>1<input type="text"  value="股票" /></a>       <a>2<a>3</a></a>     </div>   <

/body></html>

儿子

0 0