笔记 jQuery

基本选择器

//id 选择器
$('#test1').css('background','gray');
//标签选择器
$('p').css('background','blue');
//类选择器
$('.test2').css('background','green');
//*
$('*').css('background','pink');

层次选择器

//div下的span
$('div span').css('background','blue')
//紧挨着的下一个元素,每一个元素之后的1个next元素被选中
$('input + span').css('background','gray');
//紧挨着的所有同辈元素,每一个元素之后的所有同辈元素
$('input ~ span').css('background','gray');

属性选择器

//type选择
$('input[type=password]').css('background','gray');
//name 选择
$('input[name=email]').css('background','green');
//name不等于email
$('input[name!=email]').css('background','red');
//正则选择
$('input[name$=password]').css('background','orange');//都用password结尾的
$('input[name^=stu]').css('background','blue');//开头是stu
$('input[name*=pass]').css('background','orange');//含有pass

自定义属性

<p>Email:<input type="text" aa='s' name="email" /></p>
$('input[aa=s]').css('background','green');

本文由 root 创作，采用 知识共享署名4.0 国际许可协议进行许可
本站文章除注明转载/出处外，均为本站原创或翻译，转载前请务必署名
最后编辑时间为: Apr 8, 2017 at 12:02 pm