JQuery选择器获得一种元素的集合,如何定义该元素集合中子元素的事件?

2024-11-14 11:37:55
推荐回答(5个)
回答(1):

JavaScript和jQuery的选择器有很大区别,jQuery里:

$("#divs div").click(function(){
    $(this).className="bbbbbb";//这里的$(this)就是当前点击的div,只对当前点击的生效。
});

回答(2):

你好!!

$("#divs div").click(function(){
    $(this).css("bakcground","red");   
    //$(this)是指当前的小div,这样写只会改变当前元素的样式
    //这种写法,相当于遍历了divs中的每一个小div,并为其设置click事件
});

回答(3):

$("#divs div").each(function(){
var $this = $(this);
$this.click(function(){
//这里是样式切换代码
});
});
还有很多种其他方法

回答(4):

$("#divs div").click(function(){
   $("#divs div").removeClass('test')
   $(this).addClass('test');
})

回答(5):

标题1
标题2
后代选择器:$("#one
h1")会匹配id="one"内部所有的h1标记,而不管它是子元素还是后代元素,只要在其内部均会找到。上述代码中会找到两个h1
子元素选择器:$("#one>h1")会匹配id="one"内部所有的子元素中的h1标记,必须是父子关系,直接嵌套。上述代码中只会找到第一个h1,引起它俩是父子关系。