博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Jquery——选择器
阅读量:5086 次
发布时间:2019-06-13

本文共 2534 字,大约阅读时间需要 8 分钟。

body

1  2 
3
4
5
6
7
8
9
10
    11
  • 1
  • 12
  • 2
  • 13
  • 3
  • 14
  • 4
  • 15
  • 5
  • 16
17 18
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(:)中的:;

 

转载于:https://www.cnblogs.com/jc79/p/6985961.html

你可能感兴趣的文章
关于HibernateTempleate模版-很多代码可以直接使用,是开发人员不可多得选择
查看>>
购物商城+ATM
查看>>
基因组共线性分析方法
查看>>
Java导包——import语句
查看>>
StringBuffer类
查看>>
20181113-1 版本控制报告
查看>>
luogu3146 [USACO16OPEN]248
查看>>
Notes of the scrum meeting(2013/10/20)
查看>>
前端知识点回顾之重点篇——jQuery实现的原理
查看>>
【CSS3特效之转化(transform)和过渡(transition)】
查看>>
Windows Phone 8初学者开发—第5部分:布局和事件基础
查看>>
自己写jstl标签解析long时间
查看>>
[Python]小甲鱼Python视频第045课(魔法方法:属性访问 )课后题及参考解答
查看>>
hdu 1069 动规 Monkey and Banana
查看>>
用eclipse进行android开发环境的搭建
查看>>
探索 Word 2007 开发(二):扩展 Ribbon
查看>>
代码比较器 Araxis Merge
查看>>
javascript 中断函数的使用 setInterval()——返回顶部
查看>>
2012 MUTC 8 总结
查看>>
CSS中display对布局的影响以及元素display的默认值
查看>>