jquery里的选择器

jQuery是一个基于JavaScript的开源库,它封装了一系列的API和函数,可以方便地操作DOM、事件、动画、AJAX等。在jQuery中最常用的就是选择器,它可以帮助我们快速地找到DOM元素,并对其进行操作。

$(document).ready(function(){//这里的代码将在页面加载完成后执行//通过id选择器选取元素,可以使用#加id名称$("#myElement").css("color","red");//通过类选择器选取元素,可以使用.加class名称$(".myClass").hide();//通过元素选择器选取元素,可以直接写元素名称$("p").mouseover(function(){$(this).css("background-color", "yellow");});//通过层级选择器选取元素,可以使用空格隔开不同层级$("div p").css("font-weight", "bold");//通过多属性选择器选取元素,可以使用多个中括号$("input[type=text][name=username]").val("John");//通过过滤选择器选取元素,可以在选择器后面加上:加上过滤条件$("ul li:first").addClass("first");});

上面介绍的是一些常见的选择器,在实际使用中,我们还可以结合上面的选择器进行更复杂的选择,从而实现更灵活的操作。

jquery里的选择器