JQ笔记

Baoyuan 发布于2019-08-20 14:32 / 760人阅读

摘要：选择器基本筛选选择器匹配第一个元素匹配最后一个元素去掉不匹配的选择器元素在匹配的集合中选择索引值为的元素选择匹配集合中所有大于给定索引值的元素选择索引值为偶数的元素，从开始计数选择索引值为奇数的元素，从开始计数选择匹配集合中所有索引值小于给

jQuery选择器 基本筛选选择器

$(":first") 匹配第一个元素
$(":last") 匹配最后一个元素
$(":not(select)") 去掉不匹配的选择器元素
$(":eq(index)") 在匹配的集合中选择索引值为index的元素
$(":gt(index)") 选择匹配集合中所有大于给定index（索引值）的元素
$(":even") 选择索引值为偶数的元素，从0开始计数
$(":odd") 选择索引值为奇数的元素，从0开始计数
$(":lt(index)") 选择匹配集合中所有索引值小于给定index参数的元素
$(":header") 选择所有标题元素，像h1,h2,h3等
$("lang(language)") 选择指定语言的所有元素
$(":root") 选择该文档的根元素
$(":animated") 选择所有正在执行动画效果的元素

demo
链接描述

内容筛选选择器

$(":contain(text)") 选择所有包含指定文本的元素
$(":parent") 选择所有含有子元素或者文本的元素
$(":empty") 选择所有没有子元素的元素（包括文本节点）
$(":has(selector)") 选择元素中至少包含指定选择器的元素
图片描述


        
            contains
        
        
            :contains
        
        
            
                :has
            
        
        
            :contains
        
    
    

    
    :parent/:empty
    
        
            :parent
        
        
            :parent
        
        
            :parent

demo

子元素筛选选择器

$(:first-chid)        //选择所有父元素级下的第一个子元素
$(:last-child)        //选择所有父元素下的最后一个元素
$(:only-child)        //如果某元素是其父元素的唯一子元素，那么它就会被选中
$(:nth-child)         //选择他们所有父元素的第n个元素
$(:nth-last-child)    //选择他们所有父元素的第n个元素,计数从最后一个元素到第一个

子元素筛选选择器
    :first-child、:last-child、:only-child
    
        
            :first-child
            第二个元素
            :last-child
        
        
            :first-child
        
        
            :first-child
            第二个元素
            :last-child
        
    

    

    

    


    :nth-child、:nth-last-child
    
        
            :first-child
            第二个元素
            第三个元素
            :last-child
        
        
            :first-child
            第二个元素
        
        
            :first-child
            第二个元素
            第三个元素
            :last-child

表单元素选择器

$(:input) 选择所有input,textarea,select和button元素
$(:text) 匹配所有文本框
$(:password) 匹配所有密码框
$(:radio) 匹配所有单选按钮
$(:checkbox) 匹配所有复选框
$(:submit) 匹配所有提交按钮
$(:image) 匹配所有图像域
$(:reset) 匹配所有重置按钮
$(:button) 匹配所有按钮
$(:file) 匹配所有按钮

子元素筛选选择器

input、text、password、radio、checkbox
submit、image、reset、button、file


  [1]: http://codepen.io/i-summer/pen/EWjZLv
  [2]: http://codepen.io/i-summer/details/RpPpKX/
  [3]: /img/bVJImf

云服务器 GPU云服务器 jq cdn.jq jq cdn cdn jq

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/81726.html

js&jq面试笔记（上）

摘要：确定离开和操作的用法实例操作符判断基本数据类型检测对象的继承关系，左操作数是对象，右操作数是构造函数可以准确判断左对象是右对象的实例页面的三种弹窗警告框确认框提示框请指出和的区别共同点这两种事件都代表的是页面文档加载时触发。 js&jq涉及内容众多，分为上下两部分进行整理，该部分为上部分。 1、对前端工程师这个职位你是怎么样理解的？前端是最贴近用户的程序员，前端的能力就是能让产品...

SoapEye 2019-08-23 10:38 评论0 收藏0
JQ笔记

摘要：选择器基本筛选选择器匹配第一个元素匹配最后一个元素去掉不匹配的选择器元素在匹配的集合中选择索引值为的元素选择匹配集合中所有大于给定索引值的元素选择索引值为偶数的元素，从开始计数选择索引值为奇数的元素，从开始计数选择匹配集合中所有索引值小于给 jQuery选择器基本筛选选择器 $(:first) 匹配第一个元素$(:last) 匹配最后一个...

yanbingyun1990 2019-08-30 15:52 评论0 收藏0
anguar的$http 笔记

摘要：但请求成功不代表这次请求没有错误，例如我接收到请求数据有个字段属性为时，代表用户操作异常，我需要将用户弹回登陆页面，重新登陆。使用Ng开发中必不可少要用到$http通信，那么这个$http 和JQ封装好的ajax有什么区别呢？ 1.$http 的post传递参数方法不同 ng使用post方法传递的参数是json格式，而Jq的post方法传递过去的参数是form表格传递方式，所以如果使...

zgbgx 2019-08-19 18:43 评论0 收藏0
jQuery学习笔记

摘要：提高业务编程能力中提供了很多的方法基本都兼容，我们可以使用这些方法快速开发项目中有的方法提供的思想可以让我们把项目实现得更优化提高基础以及一些高级编程思想分析源码，学习里面类库封装的思想和一些方法实现的原理有时间把中提供的常用方法都去实现一 jQuery 提高业务编程能力 JQ中提供了很多的方法（基本都兼容），我们可以使用这些方法快速开发项目 JQ中有的方法提供的思想可以让我们把...

GHOST_349178 2019-08-20 17:47 评论0 收藏0