jquery获取对象大全

标签: jquery 对象 | 发表时间:2013-03-02 12:26 | 作者:JiaLiSOFTWARE
出处:http://blog.csdn.net
1、JQuery的核心的一些方法 
$("Element").length; ‘元素的个数,是个属性 
$("Element").size(); ’也是元素的个数,不过带括号是个方法 
$("Element").get(); ‘某个元素在页面中的集合,以数组的形式存储 
$("Element").get(index); ’功能和上面的相同,index表示第几个元素,数组的下标 
$("Element").get().reverse(); ‘把得到的数组方向 
$("Element1").index($("Element2")); ’元素2在元素1中的索引值是。。。 
 
2、基本对象获取(注意这里获取的都是Jquery对象而不是Dom对象哦,但是他俩是可以转换滴) 
$("*")  ‘表示获取所有对象   但是我至今没这样用过 
$("#XXX") ’获得 id=XXX 的元素对象(id可以是标签的id或CSS样式id) 常用 
$("input[name='username']")   获得input标签中name='userName'的元素对象 常用 
$(".abc") ' 获得样式class的名字是.abc的元素对象  常用 
$("div") ' 标签选择器 选择所有的div元素  常用 
$("#a,.b,span") '表示获得ID是a的元素和使用了类样式b的元素以及所有的span元素 
$("#a .b p") 'ID号是a的并且使用了 b样式的 所有的p元素
 
3、层级元素获取 
$("Element1 Element2 Element3 ....")  '前面父级 后面是子集 
$("div > p") '获取div下面的所有的 p元素 
$("div + p") 'div元素后面的第一个 p元素 
$("div ~ p") 'div后面的所有的 p元素 
 
4、简单对象获取 
$("Element:first") 'HTML页面中某类元素的第一个元素 
$("Element:last") 'HTML页面中某类元素的最后一个元素 
$("Element:not(selector)") '去除所有与给定选择器匹配的元素,如:$("input:not(:checked)") 表示选择所有没有选中的复选框 
$("Element:even") '获得偶数行 
$("Element:odd“)'获得奇数行 
$("Element:eq(index)")  '取得一个给定的索引值 
$("Element:gt(index)")  '取得给定索引值的元素  之后的所有元素 
$("Element:lt(index)")  '取得给定索引值的元素  之前的所有元素 
 
5、内容对象的获取和对象可见性 
$("Element:contains(text)") '元素中是否包含text文本内容 
$('Element:empty") '获得元素不包含子元素或文本的 
$("Element:partnt") '获得元素包含子元素或文本的 
$("Element:has(selector)") ‘是否包含某个元素, 如:$("p:has(span)")表示所有包含span元素的p元素 
$("Element:hidden") '选择所有可见元素 
$("Element:visible") '选择所有不可见元素 
 
6、其他对象获取方法 
$("Element[id]") '所有带有ID属性的元素 
$("Element[attribute = youlika ]" '获得所有某个属性为youlika的元素 
$("Element[attribute != youlika ]" '获得所有某个属性为不是youlika的元素 
$("Element[attribute ^= youlika ]" '获得所有某个属性为不是youlika的开头的元素 
$("Element[attribute $= youlika ]" '获得所有某个属性为不是youlika的结尾的元素 
$("Element[attribute *= youlika ]" '获得所有某个属性包含youlika的开头的元素 
$("Element[selector1][selector2][....]") ’符合属性选择器,比如$("input[id][name][value=youlika ]")表示获得带有ID、Name以及value是youlika 的input元素。 
 
7、子元素的获取 
$("Element:nth-child(index)") '选择父级下面的第n个元素 
$("Element:nth-child(even)") '选择父级下面的偶数 
$("Element:nth-child(odd)") '选择父级下面的奇数 
$("Element:nth-child(3n+1)") '表达式 
$("Element:first-child") '选择父级下面的第一个子元素 
$("Element:last-child") '选择父级下面的最后一个子元素 
$("Element:only-child") '匹配父级下的唯一的一个子级元素,例如dt在dl列表中唯一,那么将选择dt 
 
8、表单对象获取 
$(:input)//查找所有的Input元素,当然也包括下拉列表,文本域,单选框,复选框等。 
$(:text)//匹配所有的单行文本框 
$(:password)//匹配所有的密码框 
$(:radio)//匹配所有的单选按钮 
$(:checkbox)//匹配所有的复选框 
$(:submit)//匹配所有的提交按钮 
$(:image)//匹配所有的图像域,例如<input type="image" /> 
$(:reset)//匹配所有的重置按钮 
$(:button)//匹配所有的按钮 
$(:file)//匹配所有的文件上传域 
$(:hidden)//匹配所有的不可见元素或者type为hidden的元素 
$(:enabled)//匹配所有可用的input元素,比如radio:enabled表示匹配所有可用的单选按钮 
$(:disabled)//匹配所有的不可用input元素,作用与上相反 
$(:checked)//匹配所有选中的复选框元素
$(:selected)//匹配所有的下拉列表 
 
9、元素属性的设置与移除 
$("Element").attr(name) '取得第一个匹配的属性值,比如$("img").attr("src") 
$("Element".attr(key,value)") '某一个元素设置属性 
$("Element".attr({key:value,key1:value,....})) ‘为某个元素一次性设置多个属性 
$("Element").attr(key,function) '为所有匹配的元素设置一个计算的属性值。 
$("Element").removeAttr(name)//移除某一个属性 
原文链接:http://www.software8.co/wzjs/jquery/685.html
作者:JiaLiSOFTWARE 发表于2013-3-2 12:26:49 原文链接
阅读:72 评论:0 查看评论

相关 [jquery 对象] 推荐:

jQuery的deferred对象详解

- 郑小东 - 阮一峰的网络日志
jQuery的开发速度很快,几乎每半年一个大版本,每两个月一个小版本. 今天我想介绍的,就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象. 这个功能很重要,未来将成为jQuery的核心方法,它彻底改变了如何在jQuery中使用ajax. 为了实现它,jQuery的全部ajax代码都被改写了.

jquery获取对象大全

- - CSDN博客Web前端推荐文章
1、JQuery的核心的一些方法 . $("Element").length; ‘元素的个数,是个属性 . $("Element").size(); ’也是元素的个数,不过带括号是个方法 . $("Element").get(); ‘某个元素在页面中的集合,以数组的形式存储 . $("Element").get(index); ’功能和上面的相同,index表示第几个元素,数组的下标 .

jQuery对象和DOM对象之间的转换实现

- - 码农网
本文主要向大家介绍了jQuery对象和DOM对象之间互相转换的方法,其实转换过程十分简单,一起来看看吧. 在讨论jQuery对象和DOM对象的相互交换之前,先约定好定义变量的风格. 如果获取的对象是jQuery对象,那么在变量前加上$,例如:. var $variable = jQuery对象;. 如果获取的是DOM对象,则定义如下:.

前端学习——选择结果为JQuery对象还是DOM对象?

- - CSDN博客Web前端推荐文章
0.前言     在学习和使用javascript过程中经常使用JQuery的选择器,但是在获取到选择结果之后经常“犯迷糊”,需要一个DOM对象时或者一个JQuery对象,这样的尴尬经常遇到. 为了让自己不再迷糊通过博文总结经验教训,希望自己在总结过程中缓慢提高.     【 前端学习——如何修改url name 使用javascript和JQuery】.

在 jQuery 中如何判断对象是否存在

- - 我爱水煮鱼
如果是下面的 jQuery 代码判断一个对象是否存在,是不能用的. 因为 $(“#id”) 不管对象是否存在都会返回 object. 正确使用判断对象是否存在应该用:. 使用 jQuery 对象的属性 length 来判断,如果 > 0 就存在. 或者直接使用原生的 Javascript 代码来判断:.

应用jQuery技术读取经过MappingJacksonJsonView转化的集合对象

- - ITeye论坛最新讨论
经过Spring MVC MappingJacksonJsonView转化后返回的JSON数据:. Spring MVC控制器处理来自“test/getJSON”的请求:. strResult += "
用户名:" + users[index].username + "
密码:" + users[index].pass + "
";.

JQuery 选择器

- - CSDN博客Web前端推荐文章
}

点击我

.    像上面这样把JavaSript代码和HTML代码混杂在一起的做法同样也非常不妥,因为它并没有将网页内容和行为分离,所以才有JQuery选择器的学习.

点击我

. //给class为demo的元素添加行为.

jquery操作xml

- - CSDN博客Web前端推荐文章
jquery真的很强大,虽然一直在用jquery,不用一直都没有深入,这几天重新学习了一下,不得不感叹她的强大,已经让我深深入迷. 这里记录一下,她是怎么快速地操作xml的.. 这里我们有一个xml文件:. jquery如何操作呢,总的思想,就是和操作dom差不多的方法. 首先我们获取这个文件的内容:(我先引入jquery库哈).

jQuery JSONP跨域

- - Web前端 - ITeye博客
基于Jquery的Ajax跨域访问. 单点登录服务器(sso服务器). 登录网页项目的时候,由于使用了单点登录,所以页面会跳转到sso服务器,进行统一登录,. 现在需要在该界面增加令牌的认证,但是SSO服务器和令牌服务器部署在不同的服务器,且暂时没有要合并的可能,所以在SSO登录的时候必须要对令牌进行验证,就必须涉及到了跨域访问的问题.

jquery 插件

- - JavaScript - Web前端 - ITeye博客
 jQuery插件的开发包括两种:. 一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法. jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法. 下面就两种函数的开发做详细的说明. 1 、类级别的插件开发.