在编写jQuery代码的时候,选择器扮演着非常重要的角色。选择器可以帮助我们筛选指定的元素,从而对其进行各种操作。下面,我们就来学习一下jQuery选择器怎么设置。
$(document).ready(function(){// 根据ID选择元素$(#myId).click(function(){alert(点击了ID为myId的元素);});// 根据class选择元素$(.myClass).hover(function(){$(this).css(background-color,#ccc);}, function(){$(this).css(background-color,#fff);});// 选择所有p元素$(p).dblclick(function(){$(this).hide();});// 选择父元素下的所有子元素$(#myId li).each(function(){$(this).addClass(myClass);});});
通过使用不同的符号,我们可以设置不同的选择器。如:“#”表示根据ID选择元素,“.”表示根据class选择元素,“*”表示选择所有元素等等。
另外,还可以使用多重选择器,用逗号隔开即可。例如:“$(p, .myClass)”表示选择所有p元素和class为myClass的元素。
总之,良好的选择器设置可以大大提高我们代码的效率,让我们的jQuery开发更加得心应手。