ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
### 1.基本选择器 ![](https://box.kancloud.cn/7fe1d180bd64d977435b7e5b20999a7d_565x534.png) ### 2.层级选择器 ![](https://box.kancloud.cn/55c30069d80fd5b06c0d2e271a12cd36_560x451.png) ![](https://box.kancloud.cn/e52b58fe3d667846da4a21be5c4b173b_923x208.png) 子元素选择器 ~~~ $("div.one :nth-child(2)") //选择class为one的div的第二个子元素 $("div.one :first-child") //选择class为one的div的第一个子元素 $("div.one :last-child") //选择class为one的div的最后一个子元素 $("div.one :only-child") //选择class为one的div的唯一子元素 ~~~ 内容选择器 ~~~ $("div:contains('di')") //选择内容包含‘di’的div $("div:empty") //选择不包含文本的空div $("div:has(div.mini)") //选择含有class叫div的div元素 ~~~ ### 3.基本过滤选择器 ![](https://box.kancloud.cn/4eb271d8075526c859d1b61e1116d087_443x563.png) ### 4.属性选择器 ![](https://box.kancloud.cn/fcbb19fe3a28aa47a263d57c8dc51aa0_500x573.png) ### 5.查找选择器 ![](https://box.kancloud.cn/2734260159d46a7563c1b4d8b118e032_497x285.png) #### nextAll(expression) ~~~ //查找当前元素之后所有的同辈元素。 $("#one").nextAll("span:first") //查找id为one元素后面第一个span元素 ~~~ #### preAll(expression) ~~~ //查找当前元素之前所有的同辈元素 $("#two").prevAll("div") //查找id为two元素前面所有div元素 ~~~