通过一段HTML结构使用jquery可以有四种方法获取
$('.left') $('#left') $("div") $("*")
$('.left') $('#left') $("div") $("*")
//找到男装所有a元素中属性名name="setColor"的元素,并设置颜色
//这里用的属性选择器[attribute='value']选择指定属性是给定值的元素
$("#menu_con a[name='setColor']").css('color','blue');
//不分男女,选中第一类衣服中第9个a元素,并改变颜色
//这里用了nth-child 选择的他们所有父元素的第n个子元素
$(".tag a:nth-child(10)").css('color','#66CD00');
//这里用的属性选择器[attribute='value']选择指定属性是给定值的元素
$("#menu_con a[name='setColor']").css('color','blue');
//不分男女,选中第一类衣服中第9个a元素,并改变颜色
//这里用了nth-child 选择的他们所有父元素的第n个子元素
$(".tag a:nth-child(10)").css('color','#66CD00');
//男装第一类衣服的第一个p元素,并改变颜色
//通过子类选择器 p:first-child 筛选出第一个p元素
$("#menu_con>div:first p:first-child").css('color','#9932CC');
//找到男装下第一类衣服把a元素从顺序1-4加上颜色
//可以通过基本筛选器lt,选择匹配集合中所有索引值小于给定index参数的元素
//注意了index是从0开始计算,所以选在1-4,为对应的index就是4
$("#menu_con>div:first a:lt(4)").css('color','red');
//通过子类选择器 p:first-child 筛选出第一个p元素
$("#menu_con>div:first p:first-child").css('color','#9932CC');
//找到男装下第一类衣服把a元素从顺序1-4加上颜色
//可以通过基本筛选器lt,选择匹配集合中所有索引值小于给定index参数的元素
//注意了index是从0开始计算,所以选在1-4,为对应的index就是4
$("#menu_con>div:first a:lt(4)").css('color','red');
$('input:text')和$('input[type=text]')效果一样
2017-08-08
这里我要说一下为什么elements2前面不加$符合,如果你有去帮它加$符合你就会明白,添加了$符合后两边就不等,因为数据类型不同,elements1是JS变量,我相信大家都知道,那么elements2变量要跟它全等也就只能是JS变量,所以两个script元素中的代码都是JS变量,这里大家要知道,不要以为elements1是JS,elements2是JQ,这样的理解是错的!
2017-08-06