都跟着敲了,但是做笔记还得回去看啊

原创 2019-02-02 15:52:10 172
摘要:基本选择器$('#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
老师总结:写的很不错 选择器是很重要的一个知识,后面日子离不开 一定要好好掌握!因为是都回了老家难免会有一些琐事,可能会耽误批改作业!请见谅!后面都几天就不需要审核了!

发布手记

热门词条