JavaScript和jQuery的选择器有很大区别,jQuery里:
$("#divs div").click(function(){
$(this).className="bbbbbb";//这里的$(this)就是当前点击的div,只对当前点击的生效。
});
你好!!
$("#divs div").click(function(){
$(this).css("bakcground","red");
//$(this)是指当前的小div,这样写只会改变当前元素的样式
//这种写法,相当于遍历了divs中的每一个小div,并为其设置click事件
});
$("#divs div").each(function(){
var $this = $(this);
$this.click(function(){
//这里是样式切换代码
});
});
还有很多种其他方法
$("#divs div").click(function(){
$("#divs div").removeClass('test')
$(this).addClass('test');
})
标题1
标题2
后代选择器:$("#one
h1")会匹配id="one"内部所有的h1标记,而不管它是子元素还是后代元素,只要在其内部均会找到。上述代码中会找到两个h1
子元素选择器:$("#one>h1")会匹配id="one"内部所有的子元素中的h1标记,必须是父子关系,直接嵌套。上述代码中只会找到第一个h1,引起它俩是父子关系。