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 相关文章推荐
jQuery的三种$()
Dec 30 Javascript
EasyUI实现第二层弹出框的方法
Mar 01 Javascript
ECMAScript6块级作用域及新变量声明(let)
Jun 12 Javascript
jQuery计算文本框字数及限制文本框字数的方法
Mar 01 Javascript
详解vue项目构建与实战
Jun 27 Javascript
mockjs,json-server一起搭建前端通用的数据模拟框架教程
Dec 18 Javascript
浅谈vue单一组件下动态修改数据时的全部重渲染
Mar 01 Javascript
基于jQuery实现的设置文本区域的光标位置
Jun 15 jQuery
微信小程序功能之全屏滚动效果的实现代码
Nov 22 Javascript
JS阻止事件冒泡的方法详解
Aug 26 Javascript
vue-cli3跨域配置的简单方法
Sep 06 Javascript
jQuery实现图片切换效果
Oct 19 jQuery
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
oracle资料库函式库
2006/10/09 PHP
Yii入门教程之目录结构、入口文件及路由设置
2014/11/25 PHP
php创建桌面快捷方式实现方法
2015/12/31 PHP
PHP学习笔记之php文件操作
2016/06/03 PHP
JS控制文本框textarea输入字数限制的方法
2013/06/17 Javascript
js每隔5分钟执行一次ajax请求的实现方法
2013/11/27 Javascript
3种js实现string的substring方法
2015/11/09 Javascript
对象题目的一个坑 理解Javascript对象
2015/12/22 Javascript
基于javascript实现listbox左右移动
2016/01/29 Javascript
JavaScript 数组中最大最小值
2016/06/05 Javascript
js仿手机页面文件下拉刷新效果
2016/10/14 Javascript
a标签置灰不可点击的实现方法
2017/02/06 Javascript
layui 给数据表格加序号的方法
2018/08/20 Javascript
Egg.js 中 AJax 上传文件获取参数的方法
2018/10/10 Javascript
VScode格式化ESlint方法(最全最好用方法)
2019/09/10 Javascript
关于vue属性使用和不使用冒号的区别说明
2020/10/22 Javascript
python函数返回多个值的示例方法
2013/12/04 Python
Python使用设计模式中的责任链模式与迭代器模式的示例
2016/03/02 Python
python smtplib模块自动收发邮件功能(二)
2018/05/22 Python
pandas 条件搜索返回列表的方法
2018/10/30 Python
Python转换itertools.chain对象为数组的方法
2020/02/07 Python
Python3 pyecharts生成Html文件柱状图及折线图代码实例
2020/09/29 Python
python 制作网站筛选工具(附源码)
2021/01/21 Python
CSS3 完美实现圆角效果
2009/07/13 HTML / CSS
HQhair美国/加拿大:英国化妆品、美容及美发产品商城
2019/04/15 全球购物
eBay爱尔兰站:eBay.ie
2019/08/09 全球购物
基督教婚礼主持词
2014/03/14 职场文书
公共场所禁烟倡议书
2014/08/30 职场文书
公司领导班子群众路线四风问题对照检查材料
2014/10/02 职场文书
个人房屋转让协议书范本
2014/10/26 职场文书
2014年卫生工作总结
2014/11/27 职场文书
四年级学生期末评语
2014/12/26 职场文书
2016年大学校运会广播稿件
2015/12/21 职场文书
openstack中的rpc远程调用的方法
2021/07/09 Python
MySQL 开窗函数
2022/02/15 MySQL
Vue router配置与使用分析讲解
2022/12/24 Vue.js