zoukankan      html  css  js  c++  java
  • jquery笔记

    筛选选择器:主要是方法

    1.children(selector)

    例如: $("div").children("li");

    相当于$("div>li"),子类选择器

    2.find(selector)
    例如:$("div ").find("li");

    相当于$("div  li"),后代选择器

    3.sibings(selector)

    查找兄弟节点,不包括自己本身

    4.parent()
    查找父亲
    5.eq(index)
    相当于过滤选择器---$("selector:eq(index)"),index从0开始
    6.next()
    查找下一个兄弟
    7.prev
    查找上一个兄弟

    属性选择器:

    1.$("selector[type=属性名]")
    例如:$("input[type=text]")

    2.$("selecter[属性名]")

    例如:$("div[class]")  选择所有带class属性的div

    常见的选择器:

    1.id选择器

    2.类选择器

    3.标签选择器

    4.属性选择器

    5.过滤选择器

    6.筛选选择器

    7.伪类选择器

    8.伪元素选择器

                 伪元素after,before

               例如:before

              div::before{

                   content:"我"

                       }

    <div>今年</div>

    必须带一个属性content,意思是在div内部,“今年”内容的前面,插入我,理所应当“今年”往后移动

    整个还在div这个盒子里面,这个before其实是个盒子,是行内的盒子,行内元素。

    9层次选择器

      1)子代选择器:

    $("div>ul")

      2)后代选择器

    $("div ul")

    10.并集选择器:

    $("div,p,span")使用,隔开。只要满足之一就可以了

    11.交集选择器

    $("div.red")

    是div并且类名是red,注意选择器与选择器之间没有空格。

  • 相关阅读:
    VS2015前端工具:NPM和Web Essentials
    数组模拟实现邻接表
    面经
    PyCharm 使用简介
    DbModel
    网站静态化处理—web前端优化—下【终篇】(13)
    TCP通信中的大文件传送
    网站静态化处理—web前端优化—中(12)
    API帮助页面
    客户端程序通过TCP通信传送"小文件"到服务器
  • 原文地址:https://www.cnblogs.com/hou-yuan-zhen/p/11609183.html
Copyright © 2011-2022 走看看