首页 > 代码库 > jQuery常用的基本选择器

jQuery常用的基本选择器

2024-09-05 04:11:08   210人阅读

常用基本选择器

<script type="text/javascript" src="http://www.mamicode.com/scripts/jquery-3.1.1.js"></script><script type="text/javascript">// 内容 // alert($form.html()); // var $c1 = $(".c1"); //length:代表jQuery对象中有几个匹配的DOM对象 // alert($c1.length);//选择器匹配几个就是有几个 2 //元素选择器 /*var $input = $("input"); alert($input.length);*/ //alert弹出窗口 /* 组合选择器 var $all = $("input,button"); alert($all.length);*/ //全部的元素 /*var $all = $("*"); alert($all.length);*/ }); // ]]></script>
用户名：
密 码：
性 别:男 女

<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title>常用基本选择器</title>    <script src="http://www.mamicode.com/scripts/jquery-3.1.1.js" type="text/javascript"></script>    <script type="text/javascript">        $(function(){            //获取构造jQuery对象，对应的元素是 id为form的所有元素          //var  $form = $("#form");            //访问对应的元素内部内容<form>内容</form>           // alert($form.html());           // var $c1 = $(".c1");            //length:代表jQuery对象中有几个匹配的DOM对象           // alert($c1.length);//选择器匹配几个就是有几个    2            //元素选择器            /*var $input = $("input");            alert($input.length);*/ //alert弹出窗口           /* 组合选择器            var $all = $("input,button");            alert($all.length);*/            //全部的元素            /*var $all = $("*");            alert($all.length);*/        });    </script></head><body>    <form id="form" action="#" method="post">        用户名：<input id="name" class="c1" type="text" name="name"><br/>        密 码：<input id="password" class="c1" type="password" name="name"><br/>        性 别:<input name="sex" type="radio" value="http://www.mamicode.com/male" checked>男        <input name="sex" type="radio" value="http://www.mamicode.com/female">女<br/>        <input type="submit" value="http://www.mamicode.com/提交">        <input type="reset" value="http://www.mamicode.com/重置"><br/>        <button type="submit">提交</button>        <button type="reset">重置</button>    </form></body></html>

　　

jQuery常用的基本选择器


联系
我们