Jquery——选择器

body

 1 <body>
 2 <form action="">
 3     <input class="input1" name = "name" id = "name" type = "text" />
 4     <input class="input2" name = "passwor" id = "passwor" type = "text" />
 5     <div>
 6         <input class="input3" name = "age" id = "age" type = "text" />
 7         <input class="input4" name = "phone" id = "phone" type = "text" />
 8     </div>
 9 </form>
10 <ul>
11 <li>1</li>
12 <li>2</li>
13 <li>3</li>
14 <li>4</li>
15 <li>5</li>
16 </ul>
17 <input type = "button" value = "点击" onclick="Myclick()" />
18 </body>
body

选择器：

1 var input = $("input");
2     input.each(function(){
3         var i = $(this).val();
4         alert(i);
5     })
View Code

选取所有的<input>元素；

1 var input = $("#name");
2     input.each(function(){
3         var i = $(this).val();
4         alert(i);
5     })
Id选择器

选取Id="name"的元素

1  var input = $(".input");
2     input.each(function(){
3         var i = $(this).val();
4         alert(i);
5     })
类选择器

选取class="input"的元素

1 var input = $("*");
2     input.each(function(){
3         var i = $(this).val();
4         alert(i);
5     })
*选择器

选取所有元素；

1 var input = $(".input2,#name,#phone");
2     input.each(function(){
3         var i = $(this).val();
4         alert(i);
5     })
叠加选择器

分别选取class="input2",id="name",id="phone"的元素

1 var input = $("form  input");
2     input.each(function(){
3         var i = $(this).val();
4         alert(i);
5     })
层级选择器

选取<form>下的<input>元素；

1 var input = $("form > input");
2     input.each(function(){
3         var i = $(this).val();
4         alert(i);
5     })
层级选择器-子级

选取<form>下的子级<input>元素，不选取孙级

1 var input = $("ul + input");
2     input.each(function(){
3         var i = $(this).val();
4         alert(i);
5     })
层级选择器-next

选取<ul>后的第一个<input>元素，input必须在ul的下一位

1 var input = $("ul ~ input");
2     input.each(function(){
3         var i = $(this).val();
4         alert(i);
5     })
层级选择器-~

选取<ul>后的所有同级<input>元素，不包含<ul>；

1 var input = $("input:first");
2     input.each(function(){
3         var i = $(this).val();
4         alert(i);
5     })
过滤选择器-first

选取第一个<input>元素；

1 var input = $("input:last");
2     input.each(function(){
3         var i = $(this).val();
4         alert(i);
5     })
过滤选择器-last

选取最后一个<input>元素；

1 var input = $("input:even");
2     input.each(function(){
3         var i = $(this).val();
4         alert(i);
5     })
过滤选择器-even

选取所有偶数<input>元素，从0开始；

1 var input = $("input:odd");
2     input.each(function(){
3         var i = $(this).val();
4         alert(i);
5     })
过滤选择器-odd

选取所有奇数<input>元素，从0开始；

1 var input = $("input:not(#name)");
2     input.each(function(){
3         var i = $(this).val();
4         alert(i);
5     })
选择器-not

选取所有<input>里id!=name的元素；

1 var input = $("input:not(:checked)");
2     input.each(function(){
3         var i = $(this).val();
4         alert(i);
5     })
选择器-not2

选取<input>里没选中的元素，注意not(:)中的：；

 

posted on 2017-06-11 19:01  kaka_79  阅读(148)  评论(0)  编辑  收藏  举报

导航