jquery获取对象的方法足以应付常见的各种类型的对象


Posted in Javascript onMay 14, 2014

(1)基本对象获取

$("*")
获取所有对象

$("#element")
获取id为element的对象等同于document.getElementById(“element”);

$(".abc")
获取class为abc的对象

$("div")
获取html中所有的div元素

$("#a,.b,p")
获取id为a和class为b以及所有p元素

$("#a .b p")
获取id为a并且class为b元素下的p元素

(2)层级对象获取

$("div>input")
获取div下所有input对象

$("div+h")
获取紧跟在div后的一个h元素

$("div~p")
获取在元素div之后的所有p元素

(3)简单对象获取

$("element:first")
获取页面上某个元素的第一个如$("div:frist")表示第一个div

$("element:last")
获取页面上某个元素的最后一个如$("div:frist")表示最后一个div

$("element:not(selector)")
去除所有与选择器匹配的元素如$("input:not(:check)")表示所有未被选中的复选框

$("element:even")
获取element元素的偶数行

$("element:odd")
获取元素的奇数行

$("element:eq(index)")
获取特定索引的元素 如$("div:el(2)")表示第三个div

$("element:gt(index)")
匹配所有大于给定索引值的元素

$("element:lt(index)")
匹配所有小于给定索引的元素

$(":header")
匹配h标记的元素

$("element:animated")
匹配所有没有执行动画效果的元素

(4)内容对象的获取和对象的可见性

$("Element:contains(text)")
元素中的文本是否包含某个字母或字符串

$("Element:empty")
获得不包含文本或子元素的元素对象

$("Element:parent")
获得对象元素包含文本或子元素

$("Element:has(selector)")
匹配含有某个元素是否包含某个元素 如$("p:has(span)")表示所有包含span元素的p元素

$("Element:hidden")
匹配所有不可见元素,包括display:none 以及input的属性是hidden的元素

$("Element:visible")
匹配所有课件元素

(5)对象获取进阶

$("Element[id]")
获取所有带有id属性的元素

$("Element[attribute=abcd]")
获取所有某个属性为abcd的元素

$("Element[attribute!=abcd]")
获得所有某个属性不为abcd的元素

$("Element[attribute^=ab]")
获得所有某个属性以ab开头的元素

$("Element[attribute$=ab]")
获得所有某个属性以ab结尾的元素

$("Element[attribute*=ab]")
获得所有含有某个属性包含ab的元素

$("Element[selector1][selector2][.....]")
符合属性选择器 如$("input[id][name][value=abcd]")表示获得带有ID、Name以及value是abcd的input元素

(6)子元素的获取

$("Element:nth-child(index)")
选择父级下的第N个子元素,索引从1开始
:nth-child(even)偶数
:nth-child(odd)奇数
:nth-child(3n)表达式
:nth-child(2)索引
:nth-child(3n+1)表达式

$("Element:first-child")
父级下的第一个子级元素

$("Element:last-child")
父级下的最后一个子级元素

$("Element:only-child")
父级下的唯一的一个子级元素

(7)表单对象的获取

$(:input)
只能匹配input元素类型为 input button select textarea

$(:text)
所有当行文本框

$(:password)
所有密码框

$(:radio)
所有单选按钮

$(:checkbox)
所有复选框

$(:submit)
所有提交按钮

$(:image)
所有图片域
$(:reset)
所有充值按钮

$(:button)
所有按钮

$(:file)
所有的文件上传域

$(:hidden)
所有不可见元素或者type为hidden的元素

$(:enabled)
所有可用input元素

$(:disabled)
所有不可用input元素

$(:checked)
所有复选框元素

$(:selected)
所有下拉表

(8)元素属性的设置与移除

$("Element").attr(name)
取得第一个匹配元素的属性值 如$("img").attr("src");

$("Element").attr({key:value,key:value,......})
为某一个元素一次性设置多个属性

$("Element").attr(key,value)
为某个元素设置属性

$("Element").attr(key,function)
为所有匹配的元素设置一个计算的属性

$("Element").removeAttr(name)
移除某一个属性

Javascript 相关文章推荐
Extjs列表详细信息窗口新建后自动加载解决方法
Apr 02 Javascript
jquery的live使用注意事项
Feb 18 Javascript
jquery实现可横向和竖向展开的动态下滑菜单效果
Aug 24 Javascript
javascript实现Email邮件显示与删除功能
Nov 21 Javascript
jQuery实现图片预加载效果
Nov 27 Javascript
轻松学习jQuery插件EasyUI EasyUI表单验证
Dec 01 Javascript
超实用的JavaScript表单代码段
Feb 26 Javascript
Vue.js开发环境搭建
Nov 10 Javascript
详解Javascript数据类型的转换规则
Dec 12 Javascript
JS实现的简单折叠展开动画效果示例
Apr 28 Javascript
在Vue中创建可重用的 Transition的方法
Jun 02 Javascript
k8s node节点重新加入master集群的实现
Feb 22 Javascript
jquery-syntax动态语法着色示例代码
May 14 #Javascript
jquery对table中各数据的增加、保存、删除操作示例
May 14 #Javascript
调整小数的格式保留小数点后两位
May 14 #Javascript
原生js的弹出层且其内的窗口居中
May 14 #Javascript
js 获取页面高度和宽度兼容 ie firefox chrome等
May 14 #Javascript
使用jquery选择器如何获取父级元素、同级元素、子元素
May 14 #Javascript
JavaScript函数获取事件源的小例子
May 14 #Javascript
You might like
php 数组的创建、调用和更新实现代码
2009/03/09 PHP
php 创建以UNIX时间戳命名的文件夹(示例代码)
2014/03/08 PHP
phpmyadmin打开很慢的解决方法
2014/04/21 PHP
解密ThinkPHP3.1.2版本之模板继承
2014/06/19 PHP
分享一个Laravel好用的Cache宏
2015/03/02 PHP
PHP中的常见魔术方法功能作用及用法实例
2015/07/01 PHP
直接生成打开窗口代码,不必下载
2008/05/14 Javascript
jquery 绑定回车动作扑捉回车键触发的事件
2014/03/26 Javascript
JS提交form表单实例分析
2015/12/10 Javascript
简单模拟node.js中require的加载机制
2016/10/27 Javascript
Sortable.js拖拽排序使用方法解析
2016/11/04 Javascript
浅谈angular表单提交中ng-submit的默认使用方法
2018/09/30 Javascript
elementUI多选框反选的实现代码
2019/04/03 Javascript
微信小程序获取用户信息的两种方法wx.getUserInfo与open-data实例分析
2019/05/03 Javascript
微信小程序实现蓝牙打印
2019/09/23 Javascript
解决vue 给window添加和移除resize事件遇到的坑
2020/07/21 Javascript
[01:00:35]2018DOTA2亚洲邀请赛3月30日B组 EffcetVSMineski
2018/03/31 DOTA
解决python爬虫中有中文的url问题
2018/05/11 Python
python远程调用rpc模块xmlrpclib的方法
2019/01/11 Python
python石头剪刀布小游戏(三局两胜制)
2021/01/20 Python
在python中实现调用可执行文件.exe的3种方法
2019/07/07 Python
python 中值滤波,椒盐去噪,图片增强实例
2019/12/18 Python
Python3标准库glob文件名模式匹配的问题
2020/03/13 Python
python IP地址转整数
2020/11/20 Python
HTML5 input元素类型:email及url介绍
2013/08/13 HTML / CSS
伦敦高级内衣品牌:Agent Provocateur(大内密探)
2016/08/23 全球购物
斯凯奇澳大利亚官网:SKECHERS澳大利亚
2018/03/31 全球购物
销售类个人求职信范文
2013/09/25 职场文书
大学生感恩父母演讲稿
2014/08/28 职场文书
农林经济管理专业自荐信
2014/09/01 职场文书
光棍节联谊晚会活动策划书
2014/10/10 职场文书
2015年城管个人工作总结
2015/05/15 职场文书
追讨欠款律师函
2015/05/27 职场文书
活着观后感
2015/06/03 职场文书
入党转正介绍人意见
2015/06/03 职场文书
医院病假条范文
2015/08/17 职场文书