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

    1.Jquery的【$ 符号】其实就是一个方法名。
    window.jQuery = window.$ = jQuery;

    2.$(document).ready(function(){})方法,会在当前浏览器加载生成完整个dom树之后调用。
    window.onload 会在当前浏览器加载完页面所有的外部资源后才调用。

    3.规范:如果获取的是JQuery对象,那么要在变量前加上$

    4.浏览器遇到js时,会先加载 声明式代码:function ss(){}
    然后才加载 运行式代码:ss();

    5.$(document).ready(function(){}) 的简写:直接$(function(){})

    6.js里的任何方法都有返回值,如果用户没有return的话,那么就会返回undefined.

    7.$("div").text()获得所有匹配元素的innerText文本值
    $("div").html()获得所有匹配元素里第一个元素的innerHTML文本值

    8.Jquery里的隐式迭代:就是我们在调用Jquery对象的某个涉及dom元素操作的方法时,会自动的遍历整个Jquery对象里的dom数组里的dom元素。
    如:$("div").html("hello~~");
    此时,会找到页面上所有的div装入jquery对象里的dom数组,并循环这个dom数组,调用数组里的每个dom元素的innerHTML来设置值。

    jQuery选择器:
    选择器与选择器之间要加空格,选择器与过滤器之间不需要加空格。


    1.基本选择器:
    1>#id =>id选择器
    2>element =>标签选择器
    3>.class =>类选择器
    4>* =>选择所有元素
    5>selector1,selector2 =>多条件选择器(例如:$("div,span,.myclass")表示选择了所有的div标签,span标签以及类样式为myclass的元素)

    2.层次选择器:
    1>selector1 selector2 =>获取selector1下的所有selector2(例如:$("div span"),表示获得div标签下的所有span标签(包括后代span))
    2>selector1 > selector2 =>获取selector1下的符合selector2的所有直接子元素(不包括后代元素)。($("div > span"))
    3>selector1 + next =>匹配所有紧接在selector1后面的相邻元素。等同于$(selector1).next();
    4>selector1 ~ siblings =>匹配selector1后面的所有兄弟元素。等同于$(selector1).nextAll();
    5>$(selector1).siblings() =>获取匹配selector1的所有兄弟元素。

    3.表单选择器:
    1>:input获得所有input、textarea、select标签
    2>:text获得所有单行文本框
    3>:password获得所有密码框
    4>:radio获得所有单选按钮
    5>:checkbox获得所有复选框
    6>:submit获得所有的提交按钮
    7>:image获得所有的图片域(<input type="image"/>)
    8>:reset获得所有的重置按钮
    9>:button获得所有的button
    10>:file获得所有的文件域(<input type="file"/>)


    jQuery过滤器:【选择器与过滤器之间无需空格】
    1>:first =>在已匹配的元素中获取第一个元素。等同于first()方法。
    2>:last =>在已匹配的元素中获取最后一个元素。等同于last()方法。
    3>:not(selector1) =>在已匹配的元素中,过滤掉符合selector1的元素。
    4>:even =>在已匹配的元素中获取所有索引为基数的元素。
    5>:odd =>在已匹配的元素中获取所有索引为偶数的元素。
    6>:eq(index) =>在已匹配的元素中获取指定索引的元素。索引从0开始。
    7>:gt(index) =>在已匹配的元素中获取索引大于index的元素。索引从0开始。
    8>:lt(index) =>在已匹配的元素中获取索引小于index的元素。索引从0开始。
    9>:header =>获取所有标题类型元素。例如:h1、h2、h3......
    10>:animated =>获取正在执行动画效果的元素。(*)
    11>:contains('text') =>获取包含指定文本的元素
    12>:empty =>获取所有不包含子元素和文本的元素。(获取所有空元素)
    13>:has(selector1) =>获取所有包含符合selector1选择器的元素。
    14>:parent =>获取所有是"父元素"的元素(是"父元素"表示包含子元素或文本)。
    ======================属性过滤器===================================
    15>[attr] =>表示获取所有带名为"attr"属性的元素。例如:$("[class]"),表示获取所有带class属性的元素。
    16>[attr=val] =>表示获取所有属性attr为val的元素。例如:$("[class=myclass]"),表示获取所有应用了myclass类的元素。
    17>[attr!=val] =>获取所有属性attr不等于val的元素。
    18>[attr^=val] =>获取所有属性attr以val开头的元素。
    19>[attr$=val] =>获取所有属性attr以val结尾的元素。(正则表达式^开头,$结尾。)
    20>[attr*=val] =>获取所有属性attr包含val的元素。
    21>[selector1][selector2] =>满足多个条件的符合属性过滤器
    ==========================表单对象属性过滤器==============================
    22>:enabled =>获取表单中所有属性为可用的元素。
    23>:disabled =>获取表单中所有属性为不可用的元素。(灰色的)
    24>:checked =>获取表单中所有被选中的元素。
    25>:selected =>获取表单中所有被选中的option元素。
    ==========================可见性过滤器=============================
    26>:hidden =>获取所有不可见元素,或者type为hidden的元素。(例如:display:none)
    27>:visible =>获取所有可见元素。

  • 相关阅读:
    MyEclipse中无法将SVN检出来的项目部署到tomcat中
    Hibernate n+1问题
    Dubbox框架和Zookeeper 依赖的引入
    SpringSecurity安全框架
    order
    旅游网数据库
    教学所用
    权限系统设计五张表
    springMVC上传文件
    web 开发流程
  • 原文地址:https://www.cnblogs.com/Longeren/p/2857258.html
Copyright © 2011-2022 走看看