7小时精通jq系列--1、jq常用选择器方法，获取元素对象

勿知先生

已于 2023-12-14 11:16:10 修改

阅读量664

点赞数

分类专栏： js速学文章标签： vue.js javascript 前端

于 2022-02-07 15:09:59 首次发布

本文链接：https://blog.csdn.net/weixin_45442869/article/details/122463279

版权

js速学专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文档目的在于让使用jq的同学迅速上手，并且能使用，很多公司维护的项目还是很早之前以jq开发，为了公司需求有的时候不得不放弃vue而使用jq，那以下总价对于项目开发已经足够用了，如果想深刨jq源码，可以在网上查找相关资料。本文档目的只是为了能快速开发项目。只求精，不求全。

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <meta http-equiv="X-UA-Compatible" content="IE=edge">  <meta name="viewport" content="width=device-width, initial-scale=1.0">  <title>Document</title></head><body>  <div class="test">    <ul id="test-box">      <li></li>      <li></li>      <li></li>      <li></li>      <li class="sonli"></li>      <li></li>      <li></li>      <li></li>      <li></li>      <li></li>    </ul>  </div></body></html>

/*直接获取元素,$(css选择器)内可以直接用css选择器*/$(".test")$("#test-box")$(".sonli")$(".test ul li:nth-child(5)")/*直接获取该元素内的某一元素*/$("#test-box").find(".sonli")  //相当于$(".sonli")$(".test").find(".sonli")      //相当于$(".sonli")/*获取该元素的直接子元素*/$("#test-box").children()/*获取该元素的父元素*/$(".sonli").parent()           //相当于$("#test-box")$(".sonli").parent().parent()  //相当于$(".test")/*获取除了该元素的同级元素*/$(".sonli").siblings()/*根据索引查找元素*/        当index为正数，索引从0开始当index为负数，索引从-1开始，表示从集合中的最后一个元素开始倒数$("#test-box").find("li").eq(4)