jQuery常用API
jQuery API查询网址
Dom和jquery相互装换
jquery对象[0] => Dom对象
Dom对象 => $(Dom对象)
jQuery选择器
1. id
$('#id')
2. class
<div class='c1'></div>
$(".c1")
3. 标签
<div id='i10' class='c1'>
<a>f</a>
<a>f</a>
</div>
<div class='c1'>
<a>f</a>
</div>
<div class='c1'>
<div class='c2'> </div>
</div>
$('a') //查找所有的<a>标签
4. 组合
<div id='i10' class='c1'>
<a>f</a>
<a>f</a>
</div>
<div class='c1'>
<a>f</a>
</div>
<div class='c1'>
<div class='c2'> </div>
</div>
$('a')
$('.c2')
$('a,.c2,#i10') //查找a标签、class=c2和id=i10的
5. 层级
$('#i10 a') 子子孙孙 //找到#i10下的所有a标签
$('#i10>a') 儿子 //只找他的儿子
6. 基本
:first //第一个元素
:last //最后一个元素
:eq() //根据索引查找元素
7. 属性
$('[alex]') 具有alex属性的所有标签
$('[alex="123"]') alex属性等于123的标签
prop
获取在匹配的元素集中的第一个元素的属性值。
$('#tb:checkbox').prop('checked'); 获取值
循环$("img").each()
- $('#tb:checkbox').each(function(k){
// k当前索引
// this,DOM,当前循环的元素 $(this)
})
- var v = 条件 ? 真值 : 假值
感谢关注