根据标签名:$('a')
根据id:$('#id')
根据类名:$('.someclassname')
满足多个条件:$('a#id.someclassname') 或 $('div,span')
某个元素的所有子节点:$(p a.someclassname)
某个元素的直接子节点:$(ul.myList > li)
根据属性名:
$(a[href^='http://']) 以...开头
$(href$='.pdf')以...结尾
$(form[method])包含method属性的form
$(intput[type='text'])
$(intput[name!=''])
$(href*='some')包含
某元素后的第一个元素:$(E+F)匹配的是F,F是E后面的第一个元素
某元素后的某一个元素:$(E~F)匹配的是F,F是E后面的某一个元素
通过位置:
$(li:first)第一个li
$(li:last)最后一个li
$(li:even)偶数行li
$(li:odd)奇数行li
$(li:eq(n))第n个元素,索引从0开始
$(li:gt(n))第n个元素之后的元素,索引从0开始
$(li:lt(n))第n个元素之前的元素,索引从0开始
$(ul:first-child)列表中的第一个li
$(ul:last-child)列表中的最后一个li
$(ul:nth-child(n))列表中的第n个li
$(ul:only-child)没有兄弟li的ul
$(ul:nth-child(even))列表中的偶数行li,odd为计数行li
$(ul:nth-child(5n+1))列表中被5除余1的li
通过过滤器:
$(input:not(:checkbox))
$(':not(img[src*="dog"])')
$('img:not([src*="dog"])')
$(div:has(span))
$('tr:has(img[src$="pu.png"])')
$(tr:animated)处于动画状态的tr
$(input:button)包括type类型为button,reset,submit的Input
$(input:checkbox)等同于$(input[type=checkbox])
$(span:contains(food))包含文字food的span
$(input:disabled)禁用
$(input:enabled)启用
$(input:file)等同于$(input[type=file])
$(:header)h1到h6
$(input:hidden)
$(input:image)等同于$(input[type=image])
$(:input)包括input, select, textarea, button元素
$(tr:parent)
$(input:password)等同于$(input[type=password])
$(input:radio)等同于$(input[type=radio])
$(input:reset)等同于$(input[type=reset])或$(button[type=reset])
$('.clssname:selected')
$(input:submit)等同于$(input[type=submit])或$(button[type=submit])
$(input:text)等同于$(input[type=text])
$(div:visible)
3、处理DOM元素
操作元素的属性:
$('*').each(function(n){
this.id = this.tagName + n;
})
获取属性值:$('').attr('');
设置属性值:
$('*').attr('title', function(index, previousValue){
return previousValue + ' I am element ' + index + ' and my name is ' + this.id;
}) 为一个属性设置值
$('input').attr({
value: '',
title: ''
}); 为多个属性设置值
删除属性:
$('p').removeAttr('value');
让所有链接都在新窗口中打开:
$('a[href^=""]').attr('target',"_blank");
避免表单多次提交:
$("form").submit(function(){
$(":submit", this).attr("disabled","disabled");
})
添加类名:$('#id').addClass('')
删除类名:$('#id').removeClass('')
切换类名:$('#id').toggleClass('')存在就删除类名,不存在就添加类名
判断是否含有类名:$('p:first').hasClass('') $('p:first').is('')