jquery选择器

2021-05-17 13:28

阅读:585

标签:9.png   ted   div   分析   lin   child   jquery   apple   nbsp   

今天下午车回老家,上午有时间更新一片关于jq的基础的知识,注意是用于自己复习,和初学这入门的。

选择器分为:基本选择器、级选择器、筛选选择器 下面我们一一展开分析

 

基本选择器

标签选择器
id选择器
类选择器
 

 

级选择器
1、子代选择器 >
2、后代选择器  用空格隔开
 
 
3、基本过滤选择器
        A)eq( 索引值)
        B) :odd 获取偶数位数的索引元素
        C) :even 获取奇数位数索引之元素
 
 
筛选选择器(只对dom对象调用)
1、find( selector) 找到父元素的所有后代元素 (儿子、f孙子)
      父元素 . find(" 要查找的子元素")
   必须制定参数,如果不指定获取不到元素,length ===0
筛选选择器(只对dom对象调用)
1、find( selector) 找到父元素的所有后代元素 (儿子、f孙子)
      父元素 . find(" 要查找的子元素")
   必须制定参数,如果不指定获取不到元素,length ===0

技术分享

2、children: 从jquery对象中查找所有的亲儿子元素
      父元素 . children (" 要查找的元素 ")
     不写参数获取所有子元素
ul.children("li").css("background","pink");

技术分享

3、parent 获取当前元素的父节点

 console.log(ul.children().eq(0).parent())


4、sibilings 获取所有的兄弟节点(不包括本身)

ul.children().eq(0).next().siblings().css("background","yellow")

5、eq(索引值)获取对应的元素

ul.children().eq(0).css("background","black")

6、next 该元素下一个兄弟节点

ul.children().eq(0).next().css("background","blue");

技术分享

 

jquery选择器

标签:9.png   ted   div   分析   lin   child   jquery   apple   nbsp   

原文地址:http://www.cnblogs.com/wdz1/p/7742623.html


评论


亲,登录后才可以留言!