Jquery——选择器
Posted kaka_79
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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>
选择器：
1 var input = $("input"); 2 input.each(function(){ 3 var i = $(this).val(); 4 alert(i); 5 })
选取所有的<input>元素；
1 var input = $("#name"); 2 input.each(function(){ 3 var i = $(this).val(); 4 alert(i); 5 })
选取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 })
选取<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 })
选取第一个<input>元素；
1 var input = $("input:last"); 2 input.each(function(){ 3 var i = $(this).val(); 4 alert(i); 5 })
选取最后一个<input>元素；
1 var input = $("input:even"); 2 input.each(function(){ 3 var i = $(this).val(); 4 alert(i); 5 })
选取所有偶数<input>元素，从0开始；
1 var input = $("input:odd"); 2 input.each(function(){ 3 var i = $(this).val(); 4 alert(i); 5 })
选取所有奇数<input>元素，从0开始；
1 var input = $("input:not(#name)"); 2 input.each(function(){ 3 var i = $(this).val(); 4 alert(i); 5 })
选取所有<input>里id!=name的元素；
1 var input = $("input:not(:checked)"); 2 input.each(function(){ 3 var i = $(this).val(); 4 alert(i); 5 })
选取<input>里没选中的元素，注意not(:)中的：；
以上是关于Jquery——选择器的主要内容，如果未能解决你的问题，请参考以下文章