• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > jquery选择器

jquery选择器

作者:shengpiangui9845的博客 字体:[增加 减小] 来源:互联网 时间:2017-08-02

shengpiangui9845的博客通过本文主要向大家介绍了jquery等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
#id        //根据id选择一个元素
.class     //根据类名匹配一个元素
.element   //根据元素名匹配元素
*          //匹配所有元素
selector 1,selector 2,selector n   //把每个选择器匹配到的元素集合并后返回

层次选择器

$("ancestor  元素")   //例子:$("div span");选取ancestor元素里的所有后代元素
$("parent>child")   //例子:$("div >span");选取parent元素下的child元素,注意与前一个的区别
$("prev+next")   //例子:$("div +span");选取紧接在prev后的next元素
$("prev~siblings")   //例子:$("div >span"); 选择prev元素之后的所有的siblings

基本过滤选择器

:first   选取第一个元素 , $("div:first")选取div中的第一个div元素
:last    选取最后一个元素 与上同理
:not(selector) $("input:not(.myClass)") 选取class不是myClass的input元素     
:even         选择索引是偶数的元素 
:odd          选择索引是奇数的元素
:eq(index)   选取索引是index的元素
:gt(index)   选取索引大于index的元素
:lt(index)   选取索引小于index的元素
:header       选取所有的标题元素
:animated     选取当前正在执行动画的所有元素
:focus        选取当前获取焦点的元素

内容过滤选择器

:contains(text)    选取含有文本内容为text的元素
:empty             选取不包含子元素或者文本的空元素
:has(selector)     选取含有选择器所匹配的元素的元素 例子:$("div:has(p)")选取含有p元素的div元素
:parent            选取含有子元素或者文本的元素

可见性过滤选择器

:hidden 选取所有不可见元素
:visible 选取所有可见的元素

属性过滤选择器

[attribute]                选取拥有此属性的元素
[attribute=value]          选取属性值=value的元素
[attribute!=value]         选取属性值不等于value的元素   
[attribute^=value]         选取属性值以value开始的元素
[attribute$=value]         选取属性值以value结束的元素
[attribute*=value]         选取属性值含有value的元素
[attribute|=value]         选取属性等于给定字符串或者以该字符串为前缀(该字符紧跟一个连字符“-”)的元素
[attribute~=value]         选取属性用空格分隔的值中包含一个给定值得元素
[attribute1][attribute2][attributeN]   用属性选择器合成一个复合属性选择器,满足多个条件。每选择一次,缩小一次范围 例子$("div[id][title$='test']") 选取拥有属性id,并且属性title以test结束的div元素

子元素过滤选择器

:nth-child   选取每个父元素下的地index个元素或者奇偶元素,index从1开始  注意与eq的区别,这里不做区分
:first-child  选取每个父元素的第一个子元素
:last-child   选取每个父元素的最后一个元素
:only-child   如果某个元素是他父元素中唯一的一个元素,那么将会被匹配,如果有 其他元素则不会被匹配

表单对象属性过滤选择器

:enabled      选取所有可用元素
:diabled      选取所有不可用元素
:checked      选取所有被选中的元素(单选,复选)
:selected     选取所有被选中的选项元素(下拉列表)

表单选择器

:input    选取所有的input、 textarea、select、button元素 
:text     选取所有的单行文本框
:password  选取所有的密码框
:redio    选取所有得单选框
:checkbox   选取所有得复选框
:submit     选取所有得提交按钮
:image     选取所有得图像按钮
:reset     选取所有得重置按钮
:button    选取所有得按钮
:file      选取所有得上传域
:hidden    选取所有得不可见元素
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2017-05-11微信小程序 弹窗自定义实例代码
  • 2017-08-19js常用数组算法总结
  • 2017-05-11VUE JS 使用组件实现双向绑定的示例代码
  • 2017-05-11实现一个简单的vue无限加载指令方法
  • 2017-05-11JavaScript实现的冒泡排序法及统计相邻数交换次数示例
  • 2017-05-11javascript 正则表达式分组、断言详解
  • 2017-05-11详解nodejs中exports和module.exports的区别
  • 2017-05-11bootstrap输入框组件使用方法详解
  • 2017-05-11babel基本使用详解
  • 2017-05-11js实现带缓动动画的导航栏效果

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • bootstrap下拉菜单使用方法解析
    • Bootstrap风格的zTree右键菜单
    • js字符串截取函数slice()、substring()、substr()
    • 利用原生JS与jQuery实现数字线性变化的动画
    • node.js+jQuery实现用户登录注册AJAX交互
    • jQuery+pjax简单示例汇总
    • AngularJS之自定义服务详解(factory、service、provider)
    • Vue2.0表单校验组件vee-validate的使用详解
    • jQuery插件FusionWidgets实现的Cylinder图效果示例【附demo源码】
    • JS html时钟制作代码分享

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有