首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jQuery惯例选择器

2013-10-30 
jQuery常规选择器1.简单选择器(常用)2.进阶选择器3.高级选择器1.简单选择器$(

jQuery常规选择器

1.简单选择器(常用)2.进阶选择器3.高级选择器===========================1.简单选择器$('div').css('color', 'red'); //元素选择器,返回多个元素$('#box').css('color', 'red'); //ID 选择器,返回单个元素$('.box').css('color', 'red'); //类(class)选择器,返回多个元素为了证明ID 返回的是单个元素,而元素标签名和类(class)返回的是多个,我们可以采用jQuery 核心自带的一个属性length 或size()方法来查看返回的元素个数。alert($('div').size()); //3 个alert($('#box').size()); //1 个,后面两个失明了alert($('.box').size()); //3 个==========================2.进阶选择器//群组选择器span, em, .box { //多种选择器添加红色字体color:red;}$('span, em, .box').css('color', 'red'); //群组选择器jQuery 方式//后代选择器ul li a { //层层追溯到的元素添加红色字体color:red;}$('ul li a').css('color', 'red'); //群组选择器jQuery 方式//通配选择器* { //页面所有元素都添加红色字体color:red;}$('*').css('color', 'red'); //通配选择器$('#box p, ul li *').css('color', 'red'); //组合了多种选择器==========================3.高级选择器

热点排行