首页 / JQUERY / Jquery——选择器
Jquery——选择器
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了Jquery——选择器，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2756字，纯文字阅读大概需要4分钟。
内容图文
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(:)中的：；
原文：http://www.cnblogs.com/jc79/p/6985961.html
内容总结
以上是互联网集市为您收集整理的Jquery——选择器全部内容，希望文章能够帮你解决Jquery——选择器所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。