zoukankan      html  css  js  c++  java
  • jQuery:选择器


    1、基本选择器:$("#id"),$(".class"),$("p"),$("*"),$("p,a,li")
    2、层次选择器:$("ancestor descendant"),$("div span"),元素<div>下的所有符合的后代<span>
    $("parent>child"),$("div>span"),父元素<div>下的所有符合的子元素<span>(与上面的区别是仅仅是子元素)
    $("prev+next")=$("prev").next(),$(".prev+div")=$(".prev").next("div"),prev的下一个元素
    $("prev~siblings")=$("prev").nextAll(),$(".prev~div")=$(".prev").nextAll("div"),prev后的所有同辈<div>元素,(注意是同辈的)而$(".prev").siblings("div")
    是所有的同辈的<div>,不论前后。
    3、过滤选择器:(1)基本过滤选择器:$(:first,:last,:not(selector),:even偶,:odd奇,:eq(index),:gt(index),lt(index),:header所有<h1><h2><h3>,:animated正在执行动画的)
    (2)内容过滤选择器::contains(text)包含“text”的
    :empty 不含子元素或者文本的(注意空格)
    :has(selector) $("div:has(p)")含<p>元素的<div>
    :parent 拥有子元素或者文本的
    (3)可见性过滤选择器::hidden,:visible
    (4)属性过滤选择器:$("div[id]")含属性id的<div>,$("div[id=title]")含属性id值是title的<div>,$("div[id!=123]")含属性id不是123的<div>,$("div[id^=12]")含
    属性id以12开头的<div>,$("div[id$=23]")含属性id以23结尾的<div>,$("div[id$=2]")含属性id值含有2的<div>,[selector1][selector2][selector3][selectorN]组合选择
    (5)子元素过滤选择器::nth-child(index/even/odd/equation/3n(三的倍数)/3n+1三的倍数加一)选取每个父元素下的第index个子元素或者奇数偶数元素(index从1算
    起)eq(index)从0算起
    :first-child,每个父元素的第一个子元素
    :last-child,每个父元素的最后一个子元素
    :only-child,如果某个元素是他父元素中的唯一子元素,就能匹配。
    (6)表单对象属性过滤选择器::enable选取所有可用元素
    :disabled选取所有不可用元素
    :checked选取所有被选中的元素(单选框,复选框)
    :selected选取所有被选中的元素(下拉列表)
    4、表单选择器::input(选取所有<input><textarea><select><button>)
    :text(所有单行文本)
    :password(所有密码框)
    :radio(所有单选框)
    :checkbox(所有多选框)
    :submit(所有提交按钮)
    :image(所有图像按钮)
    :reset(所有重置按钮)
    :button(所有按钮)
    :file(所有上传域)
    :hidden(所有不可见元素)


    注意事项:(1)含“.”“#”“[”“]”等特殊字符,需要转义字符\\例如:id="id#b",$("#id\\#b")
    (2)1.3.1版本已经彻底放弃@符号
    (3)注意空格例如:$(".test:hidden")//不带空格 选取隐藏的class为test的元素里面的元素
    $(".test :hidden")//带空格 选取class为test的元素里面的隐藏元素

  • 相关阅读:
    隐式转换
    创建跟踪和查看执行计划需要的权限
    添加到SQLAgentReaderRole角色后报拒绝SELECT权限
    JS调试分享技巧
    很实用网站地址 CSS和JS,还有RGB
    数组去重,排序,重复次数,两个数组合并,两个数组去重,map(),filter(),reduce()
    动画可以暂停animation-play-state
    前端好的论坛地址
    CSS动画划入划出酷炫
    无题
  • 原文地址:https://www.cnblogs.com/yhongyu/p/2377781.html
Copyright © 2011-2022 走看看