jQuery 的选择器
来源:互联网 发布:mac把图标放在桌面 编辑:程序博客网 时间:2024/06/05 04:13
(“#myELement”) 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素(“div”) 选择所有的div标签元素,返回div元素数组
层叠选择器:
基本过滤选择器:
$(“input:not(:checked) + span”)
过滤掉:checked的选择器的所有的input元素
$(“tr:even”) 选择所有的tr元素的第0,2,4… …个元素(注意:因为所选择的多个元素时为数组,所以序号是从0开始)
内容过滤选择器:
可视化过滤选择器:
属性过滤选择器:
$(“input[name!=’newsletter’]”) 选择所有的name属性不等于’newsletter’的input元素
(“input[name^=’news’]”) 选择所有的name属性以’news’开头的input元素("input[name
子元素过滤选择器:
$(“div button:only-child”) 返回所有的div中只有唯一一个子节点的所有子节点的数组
表单元素选择器:
$(“:input”) 选择所有的表单输入元素,包括input, textarea, select 和 button
表单元素过滤选择器:
选取一个 name 为”S_03_22″的input text框的上一个td的text值
$(”input[@ name =S_03_22]“).parent().prev().text()
名字以”S_”开始,并且不是以”_R”结尾的
(”input[@ name ^='S_']“).not(”[@ name=’_R’]“)
一个名为 radio_01的radio所选的值
$(”input[@ name =radio_01][@checked]“).val();
- $(“A B”) 查找A元素下面的所有子节点,包括非直接子节点
例子:找到表单中所有的 input 元素
HTML 代码:
jQuery 代码:
$(“form input”)
结果:
[ , ]
- $(“A>B”) 查找A元素下面的直接子节点
例子:匹配表单中所有的子级input元素。
HTML 代码:
jQuery 代码:
$(“form > input”)
结果:
[ ]
- $(“A+B”) 查找A元素后面的兄弟节点,包括非直接子节点
例子:匹配所有跟在 label 后面的 input 元素
HTML 代码:
jQuery 代码:
$(“label + input”)
结果:
[ , ]
- $(“A~B”) 查找A元素后面的兄弟节点,不包括非直接子节点
例子:找到所有与表单同辈的 input 元素
HTML 代码:
jQuery 代码:
$(“form ~ input”)
结果:
[ ]
- jQuery 的选择器 元素选择器
- Jquery选择器的基本选择器
- Jquery选择器的层次选择器
- Jquery-选择器-简单的选择器
- jQuery的常用选择器
- jQuery 选择器的使用
- jquery选择器的使用
- jquery的常用选择器
- jQuery 选择器的使用
- jQuery的选择器
- jQuery 选择器的使用
- jquery选择器的使用方法
- jQuery 选择器的使用
- 史上最全的Jquery选择器
- jQuery 选择器的使用
- jquery的XPath选择器
- 史上最全的Jquery选择器
- jquery 强大的选择器
- 我的作业总结
- Codeforces Round #318 [RussianCodeCup Thanks-Round] (Div. 2)
- SGU106 The equation(数论)
- Android基础 学习之List 和 Adapter
- 关于pow函数。
- jQuery 的选择器
- C++之单例模式
- hdu3054(斐波那契。。。。找规律)
- pazu使用指南
- OC的手动内存管理
- Android UI 优化方向
- 0910Android基础MediaPlayer
- 剑指Offer系列---(17)调整数组顺序使奇数位于偶数前面
- 仅用O(1)的空间,将整数数组按奇偶数分成2部分,数组左边是奇数、右边是偶数