码迷,mamicode.com
首页 > Web开发 > 详细

Jquery——选择器

时间:2017-06-11 20:21:25      阅读:246      评论:0      收藏:0      [点我收藏+]

标签:元素   class   选择器   偶数   value   ebe   sed   splay   check   

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(:)中的:;

 

Jquery——选择器

标签:元素   class   选择器   偶数   value   ebe   sed   splay   check   

原文地址:http://www.cnblogs.com/jc79/p/6985961.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!