菜鸟教程
教程 jquery tutorial

基础选择器

jQuery 提供了丰富且灵活的选择器，能够快速选中页面中的 DOM 元素，是进行操作的第一步。

常用基础选择器

  • ID 选择器：通过元素的 id 属性选中单个元素
js 
  $("#elementId");
  • 类选择器：通过元素的 class 属性选中一组元素
js 
  $(".className");
  • 标签选择器：选中所有指定标签的元素
js 
  $("tagName");
  • 通配选择器：选中所有元素
js 
  $("*");

示例代码

在线代码演示
源码 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
  $(document).ready(function () {
    // 改变id为title的元素文本颜色
    $("#title").css("color", "green");
    // 改变class为highlight的所有元素背景色
    $(".highlight").css("background-color", "yellow");
    // 隐藏所有段落
    $("p").hide();
  });
</script>

<h1 id="title">这是标题</h1>
<p class="highlight">高亮段落1</p>
<p class="highlight">高亮段落2</p>
<p>普通段落</p>

````

相关内容