摘要:基本选择器$('#id名') 根据给定的id来匹配到元素$('.class名')根据给定的class来匹配到元素$('element')根据给定的标签名来匹配到元素$('*')匹配所有元素$('#id,.class,element')匹配到页面中多个选择器层级选择器$('父级元素>子级元素' )
基本选择器
$('#id名') 根据给定的id来匹配到元素
$('.class名')根据给定的class来匹配到元素
$('element')根据给定的标签名来匹配到元素
$('*')匹配所有元素
$('#id,.class,element')匹配到页面中多个选择器
层级选择器
$('父级元素>子级元素' ) 给定的父级元素下面匹配所有的子级元素
$('祖先元素 后代元素' ) 给定的祖先元素下面匹配所有的后代元素
$('prev+next' ) 匹配紧跟在prev元素后面的next元素
$('prev ~siblings')匹配prev元素后面所有的siblings元素
顺序选择器
$(':first')第一个元素
$(':last')最后一个元素
比较选择器
$(':gt(x)')表示大于值x的元素
$(':lt(x)')表示小于值x的元素
$(':eq(x)')表示等于值x的元素
奇数偶数
$(':odd')奇数顺序
$(':even')偶数顺序
非
$(':not(selector)')匹配不是selector的所有元素
内容选择器
$('contains(text)')匹配包含给定文本text的元素
$('has(selector)')匹配包含特定选择器元素的元素
$('empty')匹配不含有内容的元素
$(':parent')匹配含有子元素或者文本的元素
属性选择器
$('[属性名]')匹配包含给定属性的元素
$('[attribute=value]')匹配给定属性是某个特定值的元素
$('[attribute!=value]')匹配给定属性不含有某个特定值的元素
$('[attribute ^=value]')匹配给定属性以某个特定值开始的元素
$('[attribute $=value]')匹配给定属性以某个特定值结束的元素
$('[attribute *=value]')匹配给定属性包含某个特定值的元素
$('attrsel[1] attrsel[2] attrsel[3]')复合选择器,需要同时满足多个条件
表单选择器
$(':enabled')所有激活的input元素
$(':disabled')所有禁用的input元素
$(':selected')所有被选取的元素,针对于select元素
$(':checked')含有被选中的input元素
e="">看书
<input type="checkbox" name="">音乐
<input type="checkbox" name="">跑步
</form>
<script>
$(document).ready(function(){
$(':checked').parent().css('color','red')
})
</script>
批改老师:韦小宝批改时间:2019-02-02 17:58:18
老师总结:写的很不错 选择器是很重要的一个知识,后面日子离不开 一定要好好掌握!因为是都回了老家难免会有一些琐事,可能会耽误批改作业!请见谅!后面都几天就不需要审核了!