jquery获取对象的方法足以应付常见的各种类型的对象
简单对象获取
$("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")
匹配所有没有执行动画效果的元素
内容对象的获取和对象的可见性
$("Element:contains(text)")
元素中的文本是否包含某个字母或字符串
$("Element:empty")
获得不包含文本或子元素的元素对象
$("Element:parent")
获得对象元素包含文本或子元素
$("Element:has(selector)")
匹配含有某个元素是否包含某个元素 如$("p:has(span)")表示所有包含span元素的p元素
$("Element:hidden")
匹配所有不可见元素,包括display:none 以及input的属性是hidden的元素
$("Element:visible")
匹配所有课件元素
对象获取进阶
$("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元素
子元素的获取
$("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")
父级下的唯一的一个子级元素
表单对象的获取
$(:input)
只能匹配input元素类型为 input button select textarea
$(:text)
所有当行文本框
$(:password)
所有密码框
$(:radio)
所有单选按钮
$(:checkbox)
所有复选框
$(:submit)
所有提交按钮
$(:image)
所有图片域
$(:reset)
所有充值按钮
$(:button)
所有按钮
$(:file)
所有的文件上传域
$(:hidden)
所有不可见元素或者type为hidden的元素
$(:enabled)
所有可用input元素
$(:disabled)
所有不可用input元素
$(:checked)
所有复选框元素
$(:selected)
所有下拉表
jquery获取对象的方法足以应付常见的各种类型的对象的更多相关文章
- JavaScript&jQuery获取url参数方法
JavaScript&jQuery获取url参数方法 function getUrlParam(name){ var reg = new RegExp("(^|&)" ...
- JQuery获取元素的方法总结
JQuery获取元素的方法总结 一.说明 获取元素的方法分为两种:jQuery选择器.jQuery遍历函数. 做个总结,巩固下知识. 二.获取本身 1.只需要一种jQuery选择器 选择器 实 ...
- 【鬼脸原创】JQuery获取元素的方法总结
目录 一.说明 二.获取本身 三.获取同级元素 四.获取父级元素 五.获取子级元素 一.说明 获取元素的方法分为两种:jQuery选择器.jQuery遍历函数. 做个总结,巩固下知识. 二.获取本 ...
- js(jQuery)获取时间的方法及常用时间类搜集
获取时间的方法及常用时间类都是大家经常使用的,在本文为大家整理了一些,个人感觉还比较全,感兴趣的朋友可以收集下 复制代码代码如下: $(function(){ var mydate = new D ...
- 对比jquery获取属性的方法props、attr、data
1.attr,prop 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法.对于自定义的属性是取不到的: 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法. 2.a ...
- 通过jquery获取天气的方法
代码为: $.getScript('http://int.dpool.sina.com/iplookup/iplookup.php?format=js',function(_result){ if(r ...
- jQuery获取各种位置方法
一.获取窗口的宽高 1.获取流览器显示区域的高度 : $(window).height(); 2.获取流览器显示区域的宽度 : $(window).width(); 3.获取文档流的高度 : $(do ...
- jquery 获取url 参数方法 以及 解决url中文问题
//jQuery 动态给a 标签赋值 跳转 新的页面打开. /* <a class="btn btn-success" id="test" target= ...
- js(jQuery)获取时间的方法及常用时间类
获取JavaScript 的时间使用内置的Date函数完成 var mydate = new Date();mydate.getYear(); //获取当前年份(2位)mydate.getFullYe ...
随机推荐
- 基于paramiko进行远程执行Linux命令
直接贴一段代码import paramiko class remote_start(object): def __init__(self,host,username,pwd): self.ssh = ...
- poj 1274 The Perfact Stall
click here ~~ ***The Perfect Stall*** Description Farmer John completed his new barn just last week, ...
- Android中Word转Html
一.POI方式 1.先看word效果图 2.再看下在android上使用WebView显示的效果 3. 生成的html的代码,如下: <html> <head> <M ...
- Hadoop系统通信协议介绍(转)
转载自 ---- http://weilaiyxj.iteye.com/blog/913166 本文约定: DN: DataNode TT: TaskTracker NN: NameNode SNN: ...
- 【PHP】(原创)之表单FORM的formhash校验,以TP3.2示例
1.目的:每次表单POST提交(ajax的POST也适用)过来数据,都必须校验formhash参数是否和服务器端的一致,不一致说明重复提交或者 跨站攻击提交csrf 2.原理:参照了 KPPW 的fo ...
- C-Scanf连续调用多次并且存在%c的问题
问题现象: 当程序中存在多个scanf时,针对第一个scanf的输入,一般用户会以空白字符(空格.换行.tab.换页符)等结束.但若后面有一个scanf(“%c”,&ch),则刚才输入的空白字 ...
- LaTeX 中使用三级标题
需要在导言区加入命令:\setcounter{secnumdepth}{4} 而后: \section{一级标题} \subsection{二级标题} \subsubsection{三级标题}
- 《转》oracle—flashback
FLASHBACK介绍 在介绍flashback之前先介绍下undo_retention相关参数 undo_retention:表示undo数据的过期时间.系统默认这个时间设置为900即15分钟.但要 ...
- sql server使用sql插入中文字符串乱码问题
在插入语句前加N就行了 sb.Append(string.Format("update chapter set [content]=N'{0}' where Id ={1} ;", ...
- 文件上传之 commons-fileupload(二)
对commons fileupload上传组件的简单封装 在上一篇文章<利用Jakarta commons fileupload组件实现多文件上传>中,我介绍了commons fileup ...