jQuery选择器 学习总结
作者:irlvirus 来源:经典论坛 发布时间:2008-06-15 15:41:00
标签:jquery,选择器,javascript
jQuery的选择器可谓异常强大,没有什么DOM里的任何数据能逃出它的掌心,这点是我非常喜欢的,以前获取NODE要用getElementById,getElementsByTag,非常繁琐,用jQuery,很简单的代码就能实现。
下面是对jQuery的选择器使用的总结,不妥之处,敬请斧正.
我把jQuery的选择器选择的方式分5类:
1.DOM方式
$('#id1')
//返回id为id1的TAG,类型:jQuery对象,以下省略
$('#id1 p')
$('#id1>p')
//返回id为id1的TAG下所有的p
能区别 $('#id1 #id2 #id3') 和 $('#id1,#id2,#id3') 的区别吗?
$('#id1,#id2,#id3')
//返回id为#id1下的#id2下的#id3的TAG
$('#id1,#id2,#id3')
//返回id为id1,id2,id3的TAG的群组
2.CSS方式
$('.style')
//返回样式为style的TAG
$('div.style')
//返回样式为style的div
$('.style1,.style2,.style3')
//返回样式为style1,style2,style3的群组
3.属性方式
$('[attribute]')
//返回所有拥有attribute属性的所有tag
$('[attribute=value]')//返回属性attribute值为value的所有tag
$('[attribute!=value]')//返回属性attribute值不为value的所有tag
$('[attribute^=value]')//返回属性attribute值以value开头的所有tag
$('[attribute$=value]')//返回属性attribute值以value结尾的所有tag
$('[attribute*=value]')//返回属性attribute值包含value的所有tag
还可有群组选择
$('[attribute1=value1],[attribute2=value2],[attribute3=value3]')
4.表单'伪'类
形似CSS里的伪类 a:hover 所以就叫表单'伪'类,一己之见
$(':input') //返回所有的input、textarea、select、button
$(':button') //返回所有type为button的表单
其他类似的还有:':text',':password',':radio',':checkbox',':reset',':submit',':file'
$(':disabled') //返回所有的禁用的表单,其实也可以通过属性方式选择
其他类似的还有:':enabled',':checked',':selected'
5."伪伪类"过滤
严格说不应分一类,因为单用这不一定选不出所需的tag(表单类除外)
"伪伪类"过滤对基本方式选择起到了如虎添翼的作用
$("p:first") //返回所选的第一个p
$("p:first-child")//和$("p:first")不同的是,这里是同级下的第一个p
$("p:last") //返回所选的最后一个p
$("p:not(.ok)") //返回样式不是ok的所有的p ,not()中的参数支持以上四种选择方式
$("#id1:parent") //返回id为id1的tag的父节点
"伪伪类"过滤的方式很多,就不一一列举
推荐:jQuery中文入门教程
0
投稿
猜你喜欢
- 面向对象编程的2个非常重要的概念:类和对象对象是面向对象编程的核心,在使用对象的过程中,为了将具有共同特征和行为的一组对象抽象定义,提出了另
- 最近,接手的项目里,提供的数据文件格式简直让人看不下去,使用pandas打不开
- 打印100-999之间的回文数(即百位和个位的数字相等),并每10个打印一行i = 100x = 0 # 使用计数器,每10个换行打印whi
- 一.应用场景多个组件共用一个方法时可以用 mixin 抽取到一个js文件中,作为共用方法二.实现方法1.提取js共用方法文件export c
- 1. orm读写数据1. 创建1.1. 创建记录user := User{Name: "Jinzhu", Age: 18
- 特点:不需要另外加个清除DIV:after(伪对象)--设置在对象后发生的内容,通常和content配合使用,IE不支持此伪对象,非Ie 浏
- adfuller函数返回值的参数说明from statsmodels.tsa.stattools import adfullert = ad
- 此处为mysql驱动mysql.data.dll注意:此处X86版本较多,X64版本较少X64:X86:Vs添加引用过程:总结以上所述是小编
- (代码片断试验成功,成功上传!) 因为昨天想起来学习一下PHP代码的冲动,是来源于像模仿着做一个类似公司IMAGE LIBRARY的东西出来
- 以mysql-noinstall-5.0.22-win32为例,解压缩后会看到mysql-5.0.22-win32文件夹下面,有五个ini格
- 1. 索引及切片数组中的元素可以通过索引以及切片的手段进行访问或者修改,和列表的切片操作一样。下面直接使用代码进行实现,具体操作方式以及意义
- 前言之前学习过binarytree第三方库,了解了它定义的各种基本用法。昨天在问答频道中做题时碰到一个关于二叉树的算法填空题,感觉代码不错非
- File对象是对文件操作最常用的类,平常工作总用的很多,贴出来了几个我工作常用的几个方法。简单总结了下直接上代码://构建文件对象File
- 要随机生成字符串代码如下: 在MySQL中定义一个随机串的方法,然后再SQL语句中调用此方法。 随机串函数定义方法: CREATE DEFI
- 原文地址:http://ilovetypography.com/2007/10/22/so-you-want-to-create-a-fon
- 问题你想解析某个XML文档,文档中使用了XML命名空间。解决方案考虑下面这个使用了命名空间的文档:<?xml version=&quo
- 本文将结合实例给大家演示如何使用ASP读取一个目录结构(及包含的文件信息)。演示页面中遍历显示了代码吾爱站点上若干目录文件夹——其中包含它们
- 创作背景最近本人在 PyCharm 的虚拟环境安装第三方库的时候报了错,说 no such option: --bulid-dir ,如下图
- python是一个很有趣的语言,可以在命令行窗口运行。python中有很多功能强大的模块,这篇经验告诉你,如何使用python的pygal模
- 使用Python过程中,经常需要对文件和目录进行操作。所有file类/os/os.path/shutil模块时每个Python程序员必须学习