jQuery系列之操作select标签
每次看完东西基本就忘了,现在决定写一下博客来记录,不知道效果咋样。
一、jQuery操作选择器
1.基本选择器
关于基本选择器,我就不用太多说了,包括了ID、类、标签等选择器。
2.层次选择器
我觉得掌握层次选择器需要了解dom元素的树形结构,这样你才能准确的抓住你想要操作的dom元素。
下面介绍一下层次选择器:
a. $("ancestor descendant"),表示选取ancestor元素中的所有descendant元素,ancestor表示上代的一起,descendant表示后代的意思。
举例,$("div span"),表示选选取<div>中所有<span>元素。
b. $("parent>child"),这种选择器和上种有一点相似,不同的的是这个表示的是选取parent元素下的child子元素,上种是选取的后代元素,这个需要我们去区分。
举例,$("div>span"),表示选取<div>下的子元素<span>。
c. $("prev+next"),表示选取perv元素的下一个同辈元素,记住是同辈元素。此选择器可以用next()方法代替。
举例,$(".div+span"),表示选取类名为.div的下一个<span>元素,也可以使用$(".div").next()表达。
d. $("prev~siblings"),表示选取prev元素之后的所有siblings元素。此选择器可以用nextAll()方法代替。
举例,$("#prev~div"),表示选取id为prev之后的所有div元素,当然,也是同辈的。也可以使用$("#prev").nextAll()代替。
特别说明一下,$("#prev~div")选择器只能选取#prev之后的同辈div,$("#prev").siblings("div")则不管前后都会被选取。
3.过滤性选择器
过滤性选择器主要是通过过滤规则来筛选出所需的DOM元素,过滤规则与CSS中的伪类选择器语法相同,选择器都以一个冒号(:)开头,按照不同的过滤规则,此类选择器还分为,基本过滤、内容过滤、可见性过滤、属性过滤、子元素过滤、表单对象属性过滤。
a.基本过滤选择器
:first,选取第一个元素,例如,$("div:first"),表示选择div中的第一个div元素。
:last,选取最后一个元素,方法与上。
:not(selector),去除匹配到的元素,例如,$("input:not(.myclass)"),选择input中类名不是myclass的元素。
:even,选取索引是偶数的所有元素,索引从0开始算,例如,$("input:even"),选择input索引值为偶数的元素。
:odd,选取索引是奇数的所有元素,方法与上。
:eq[index],选取索引值为给定值的元素,例如,$("input:eq[1]"),选择索引值为1的input元素。
:gt[index],选取索引值为大于给定值的元素,不包括给定值。
:It[index],选取索引小于给定值得元素,不包括给定值。
:header,选取页面上的所有标题元素,如h1,h2等......
:animated,选取正在执行动画的元素。
b.内容过滤选择器
:contains(text),选取含有文本内容为“text”的元素,例如 $("div:contains('test')")。
:empty,选取不包含子元素或者文本的空元素,例如$("div:empty")
:has(selector),选取含有选择器所匹配的元素的元素,例如$("div:has(p)")选择含有p元素的div
:parent,选取含有子元素的元素,例如$("div:parent")
c.可见性过虑选择器
此类选择器就两种,:hidden和:visible表示选择隐藏或者可见的元素。
例如$(":hidden")、$("div:hidden")、$(":visible")、$("div:visible")
d.属性过滤选择器
[attribute],选取拥有此属性的元素,例如,$("div[id]")选取拥有id属性的元素。
[attribute=value],选取属性值等于value的元素,例如,$("div[id=test]")。
[attribute!=value],选取属性值不等于value的元素。
[attribute^=value],选取属性值以value开始的元素。
[attribute$=value],选取属性值以value结束的元素。
[attribute*=value],选取属性值还有value的元素。
[selector1][selector2][selectorN],复合属性选择器,例如$("div[id][title^=test]"),表示选取包含id属性并且title以test开头的div元素。
e.子元素过滤选择器
打字好累。。。。
我决定快速概括。。
:nth-child(index/even/odd/eq),这里的index是以1开头的哦。
:first-child、:last-child、:only-child
从字面可以理解它们的意思。
f.表单对象属性过滤器
:enable,选取可用元素,例如$("#form1:enable"),选取表单form1中的所有可用元素。
:disable、:checked、:selected同理。
g.表单选择器
这个是jQuery为了灵活操作表单特意加的。
只要是表单元素都可以使用“:”+“元素表示”,例如,$(":input")、$(":select")
ok,jQuery选择器大概就是这样,其实这些东西jQuery的API上都有,而且很方便,以后不记得了,可以用API查找。
jQuery系列之操作select标签的更多相关文章
- Jquery操作select标签的常用方法
<select id="search"> <option value='1'>baidu</option> <option value=' ...
- jquery插件,美化select标签
最近经常与select打交道,因为ie下的select实在太丑了,css怎么搞都搞不好看,因为程序已经写得差不多了,要再去模拟select改动太大,就想着能否不改动select,同时美化它.借鉴一下这 ...
- JS操作select标签
主要利用这个来实现省市区三级联动的 我利用的是ajax,每一次onchange事件都改变相对应的select中的option,数据全是ajax请求服务器查询数据库而来的,效果还可以,在本地测试的时候速 ...
- JS实现列表移动(通过DOM操作select标签)
JS小例题 学习内容: 需求 总结: 学习内容: 需求 用 JavaScript 实现 select 标签的移动 实现代码 <!DOCTYPE html PUBLIC "-//W3C/ ...
- JQuery操作Select标签
jQuery获取Select选择的Text和Value: 1. $("#select_id").change(function(){//code...}); //为Select添加 ...
- jquery操作select标签change事件
$('#update_supply_id').on('change',function(){//判断是否选取prompt属性,无返回值: if($(this).val()){ var selectTe ...
- JQuery 获取多个select标签option的text内容
根据option的id属性,修改text值 $("#sel_div .select_class option[id='-选择省-']").text(data.province).a ...
- jquery动态出操作select
var citys = {1:'北京',2:'上海',3:'广州',4:'深圳'}; $("#city option:gt(0)").remove(); for(var k in ...
- HTML中的<select>标签如何设置默认选中的选项
方法有两种. 第一种通过<select>的属性来设置选中项,此方法可以在动态语言如php在后台根据需要控制输出结果. 1 2 3 4 5 < select id = " ...
随机推荐
- Mbps、Kbps、bps、MB、KB
1:运营商带宽衡量单位: Mbps:百万位每秒 kbps:千位每秒 bps:位每秒 b:bit,比特 1Mbps=1000kbps=1,000,000bps 这些单位通常用来表示每秒传输的二进制位 2 ...
- MacBook Pro/Air 下使用 linux ubuntu 系统 波浪号“~”变成其他 符号 的完美解决办法
打开终端,输入: sudo su - > /sys/module/hid_apple/parameters/iso_layout sudo su -需要root权限,所以使用前请注意已下载roo ...
- iOS实现屏幕旋转
iOS实现屏幕旋转有两种方式 1. 应用本身支持 2. 手动旋转UIView (这种方式我没找到旋转 系统控件的方法 如:键盘.导航.UIAlertView) 如果你只是要把竖屏的播放器,做成支持横屏 ...
- C# string.Split对于换行符的分隔正确用法
C# string.Split对于换行符的分隔正确用法 tmpCase "11117144-8c91-4817-9b92-99ec2f9d784a\r\n23D95A26-012C-4332 ...
- 磁盘阵列(RAID)实例
raid技术分类可以分为基于软件raid技术和基于硬件raid技术 raid又分为raid-0.raid-1.raid-5和raid-10 Raid有”廉价磁盘冗余阵列”的意思,就是利用多块廉价的硬盘 ...
- 我读汤姆大叔的深入理解js(二)
继续汤姆大叔的js之旅. 揭秘命名函数表达式 函数表达式和函数声明 汤姆大叔在博客中引用ECMA规范:函数声明必须带有标识符,函数表达式可以省略.对于我来说这些概念的东西真是不所适从.还是大叔的实例带 ...
- VC++ 6.0远程调试配置
VC开发环境之所以提供远程调试的能力,是因为有些情况下单机调试会让你崩溃掉...比如,调试GUI程序的WM_PAINT消息,因为要单步调试,所以调试器会对界面的重绘产生副作用(Heisenberg不确 ...
- MFC 获取图像的大小
// 获致图像的大小 int CCImageDialog::GetImageSize(CSize& size, CString filename) { CImage image; image. ...
- Storm-隔离调度器
这个版本的亮点是新的“隔离调度器”,使得在一些拓扑中分享集群变得简单和安全.隔离调度程序允许您指定哪些拓扑应该“孤立”, 这意味着它们运行在集群中的一组专用的机器,没有其他的拓扑将运行.这些孤立的拓扑 ...
- 数字信号处理--FFT
FFT是离散傅立叶变换的快速算法,可以将一个信号变换到频域.有些信号在时域上是很难看出什么特征的,但是如果变换到频域之后,就很容易看出特征了.这就是很多信号分析采用FFT变换的原因.另外,FFT可以将 ...