zoukankan      html  css  js  c++  java
  • jquery常规选择器再学习_1123

    jquery选择器基本模拟css语法来获取元素;

    1 常规选择器  

      id  

      常见的元素标签

      class

    2 进阶选择器

      组合选择器 常规选择器多个组合在一起

      通配符选择器 * ,通常用于局部环境下

      后代选择器(层次选择)

    3 高阶选择器 4种方法 find() children() next() nextAll() 如果不传参数,相当于传递* ;

      后代选择器  /  find()方法

      子选择器css符号 >   / jquery  children()方法

      后一个,并且是同级的(匹配到才有效的) css符号 +  /jquery next()方法

      后面的 所有的同级的(匹配到的) css符号 ~ / jquery  nextAll()方法

      前一个,并且是同级的(匹配到才有效的) jquery prev()方法

      前面所有的同级的(匹配到的) jquery prevAll()方法

      上下同级所有的(匹配到的) jquery sibilings()方法

     4 选择器的优化方案

      1 可以把经常使用的选择器选择后给定一个变量,这样查询效率会提高;

    5 过滤选择器

      基本过滤选择器 :first  :last  :not  :eq(n)  :gt(n)大于  :lt(n)小于  :even 偶数选择  :odd 奇数选择 ; jquery提供了四个方法 first()  last()  not()  eq()

      内容过滤选择器 :contains   $('div:contains("我")') 选取含有文本我的div元素;:empty  $('div:empty')选取不包含子元素(包含文本元素)的div空元素;

        :has  $('div:has("p")') 选取包含有<p>元素的div元素         :parent 选取包含子元素(包含文本元素)的div元素;而parent()方法是求当前元素的父元素

      可见性选取器 :hidden  匹配 display:hidden和input类型为hidden的元素  ;:visibile 选取所有可视的元素节点   

  • 相关阅读:
    HTML编码规范(转)
    ASP.NET连接MySQL数据库方法(测试可行)
    Redis源码解析05: 压缩列表
    Redis源码解析04: 跳跃表
    Redis源码解析03: 字典的遍历
    Redis源码解析02: 字典
    Redis源码解析01: 简单动态字符串SDS
    小象垃圾分类小程序从开始到结束
    spring boot踩坑记
    spring boot打包问题
  • 原文地址:https://www.cnblogs.com/yachao1120/p/7887092.html
Copyright © 2011-2022 走看看