- 浏览: 496289 次
- 性别:
文章分类
- 全部博客 (369)
- Java (48)
- Struts (1)
- Spring (4)
- Hibernate (7)
- WebServices (2)
- XML (3)
- web服务器 (12)
- PHP (16)
- FLEX (13)
- Flash (7)
- JavaScript (35)
- Ajax (4)
- Jquery (18)
- EXTJS (7)
- CSS (7)
- HTML (7)
- JSON (5)
- 好玩的 (1)
- 其他 (21)
- Oracle (35)
- mysql (12)
- Linux (12)
- JDBC (2)
- EJB3 (1)
- AOP (1)
- 正则表达式 (6)
- JSF (1)
- 设计模式 (1)
- RBAC (1)
- PowerDesigner (1)
- windows (1)
- 电脑工具软件 (3)
- SEO (3)
- maven (13)
- cms (9)
- JSP (5)
- jpbm (1)
- eclipse (8)
- sql (4)
- android (3)
- 浏览器 (5)
- 国外IT网站 (1)
- 文摘 (1)
- 文档 (31)
- doc命令 (1)
- webgl (1)
- html5 (1)
- ant (1)
- mongodb (0)
- 操作系统 (1)
- Dreamweaver (1)
- hadoop (2)
- xpath (1)
- nutch (1)
- window (1)
- xm (2)
- excel (1)
- httpclient (0)
- YII (2)
- CXF (1)
- Quartz (1)
- jsoup (2)
- wifi (2)
- logback (1)
- 硬件 (1)
- 工具 (3)
- freemark (1)
- ide (2)
- mail (1)
- log (1)
- ueditor (1)
- 链接 (1)
- reaver (2)
- js (1)
- .net (1)
- chrome (1)
- git (1)
- Docker (1)
- unicode (1)
- 多线程 (1)
- 并发 (1)
- Nashorn (3)
- Angular (1)
- curl (1)
- Cygwin (1)
- nashron (1)
- Babel (1)
- React Native (1)
- sip (1)
- openmeetings (1)
- IDEA (0)
- CAS (1)
最新评论
-
沉醉音乐的咖啡:
使用 preventDefault() 函数来阻止对表单的提交。 -
PhoenixHorse:
原表的索引啥的不就失效了吗
oracle修改表精度 -
yupengcc:
资料带走 3Q
RBAC模型 -
Java路:
...
JSON-LIB快速入门(转) -
damoqiongqiu:
utf-8下,E文字符占1个字节,中文字符占3个字节。如果一个 ...
AS3:截取定长度的字符串
转http://wangjiaddr.iteye.com/blog/322784
$("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素
$("div") 选择所有的div标签元素,返回div元素数组
$(".myClass") 选择使用myClass类的css的所有元素
$("*") 选择文档中的所有的元素,可以运用多种的选择方式进行联合选择:例如$("#myELement,div,.myclass")
层叠选择器:
$("form input") 选择所有的form元素中的input元素
$("#main > *") 选择id值为main的所有的子元素
$("label + input") 选择所有的label元素的下一个input元素节点,经测试选择器返回的是label标签后面直接跟一个input标签的所有input标签元素
$("#prev ~ div") 同胞选择器,该选择器返回的为id为prev的标签元素的所有的属于同一个父元素的div标签
基本过滤选择器:
$("tr:first") 选择所有tr元素的第一个
$("tr:last") 选择所有tr元素的最后一个
$("input:not(:checked) + span")
过滤掉:checked的选择器的所有的input元素
$("tr:even") 选择所有的tr元素的第0,2,4... ...个元素(注意:因为所选择的多个元素时为数组,所以序号是从0开始)
$("tr:odd") 选择所有的tr元素的第1,3,5... ...个元素
$("td:eq(2)") 选择所有的td元素中序号为2的那个td元素
$("td:gt(4)") 选择td元素中序号大于4的所有td元素
$("td:ll(4)") 选择td元素中序号小于4的所有的td元素
$(":header")
$("div:animated")
内容过滤选择器:
$("div:contains('John')") 选择所有div中含有John文本的元素
$("td:empty") 选择所有的为空(也不包括文本节点)的td元素的数组
$("div:has(p)") 选择所有含有p标签的div元素
$("td:parent") 选择所有的以td为父节点的元素数组
可视化过滤选择器:
$("div:hidden") 选择所有的被hidden的div元素
$("div:visible") 选择所有的可视化的div元素
属性过滤选择器:
$("div[id]") 选择所有含有id属性的div元素
$("input[name='newsletter']") 选择所有的name属性等于'newsletter'的input元素
$("input[name!='newsletter']") 选择所有的name属性不等于'newsletter'的input元素
$("input[name^='news']") 选择所有的name属性以'news'开头的input元素
$("input[name$='news']") 选择所有的name属性以'news'结尾的input元素
$("input[name*='man']") 选择所有的name属性包含'news'的input元素
$("input[id][name$='man']") 可以使用多个属性进行联合选择,该选择器是得到所有的含有id属性并且那么属性以man结尾的元素
子元素过滤选择器:
$("ul li:nth-child(2)"),$("ul li:nth-child(odd)"),$("ul li:nth-child(3n + 1)")
$("div span:first-child") 返回所有的div元素的第一个子节点的数组
$("div span:last-child") 返回所有的div元素的最后一个节点的数组
$("div button:only-child") 返回所有的div中只有唯一一个子节点的所有子节点的数组
表单元素选择器:
$(":input") 选择所有的表单输入元素,包括input, textarea, select 和 button
$(":text") 选择所有的text input元素
$(":password") 选择所有的password input元素
$(":radio") 选择所有的radio input元素
$(":checkbox") 选择所有的checkbox input元素
$(":submit") 选择所有的submit input元素
$(":image") 选择所有的image input元素
$(":reset") 选择所有的reset input元素
$(":button") 选择所有的button input元素
$(":file") 选择所有的file input元素
$(":hidden") 选择所有类型为hidden的input元素或表单的隐藏域
表单元素过滤选择器:
$(":enabled") 选择所有的可操作的表单元素
$(":disabled") 选择所有的不可操作的表单元素
$(":checked") 选择所有的被checked的表单元素
$("select option:selected") 选择所有的select 的子元素中被selected的元素
$("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素
$("div") 选择所有的div标签元素,返回div元素数组
$(".myClass") 选择使用myClass类的css的所有元素
$("*") 选择文档中的所有的元素,可以运用多种的选择方式进行联合选择:例如$("#myELement,div,.myclass")
层叠选择器:
$("form input") 选择所有的form元素中的input元素
$("#main > *") 选择id值为main的所有的子元素
$("label + input") 选择所有的label元素的下一个input元素节点,经测试选择器返回的是label标签后面直接跟一个input标签的所有input标签元素
$("#prev ~ div") 同胞选择器,该选择器返回的为id为prev的标签元素的所有的属于同一个父元素的div标签
基本过滤选择器:
$("tr:first") 选择所有tr元素的第一个
$("tr:last") 选择所有tr元素的最后一个
$("input:not(:checked) + span")
过滤掉:checked的选择器的所有的input元素
$("tr:even") 选择所有的tr元素的第0,2,4... ...个元素(注意:因为所选择的多个元素时为数组,所以序号是从0开始)
$("tr:odd") 选择所有的tr元素的第1,3,5... ...个元素
$("td:eq(2)") 选择所有的td元素中序号为2的那个td元素
$("td:gt(4)") 选择td元素中序号大于4的所有td元素
$("td:ll(4)") 选择td元素中序号小于4的所有的td元素
$(":header")
$("div:animated")
内容过滤选择器:
$("div:contains('John')") 选择所有div中含有John文本的元素
$("td:empty") 选择所有的为空(也不包括文本节点)的td元素的数组
$("div:has(p)") 选择所有含有p标签的div元素
$("td:parent") 选择所有的以td为父节点的元素数组
可视化过滤选择器:
$("div:hidden") 选择所有的被hidden的div元素
$("div:visible") 选择所有的可视化的div元素
属性过滤选择器:
$("div[id]") 选择所有含有id属性的div元素
$("input[name='newsletter']") 选择所有的name属性等于'newsletter'的input元素
$("input[name!='newsletter']") 选择所有的name属性不等于'newsletter'的input元素
$("input[name^='news']") 选择所有的name属性以'news'开头的input元素
$("input[name$='news']") 选择所有的name属性以'news'结尾的input元素
$("input[name*='man']") 选择所有的name属性包含'news'的input元素
$("input[id][name$='man']") 可以使用多个属性进行联合选择,该选择器是得到所有的含有id属性并且那么属性以man结尾的元素
子元素过滤选择器:
$("ul li:nth-child(2)"),$("ul li:nth-child(odd)"),$("ul li:nth-child(3n + 1)")
$("div span:first-child") 返回所有的div元素的第一个子节点的数组
$("div span:last-child") 返回所有的div元素的最后一个节点的数组
$("div button:only-child") 返回所有的div中只有唯一一个子节点的所有子节点的数组
表单元素选择器:
$(":input") 选择所有的表单输入元素,包括input, textarea, select 和 button
$(":text") 选择所有的text input元素
$(":password") 选择所有的password input元素
$(":radio") 选择所有的radio input元素
$(":checkbox") 选择所有的checkbox input元素
$(":submit") 选择所有的submit input元素
$(":image") 选择所有的image input元素
$(":reset") 选择所有的reset input元素
$(":button") 选择所有的button input元素
$(":file") 选择所有的file input元素
$(":hidden") 选择所有类型为hidden的input元素或表单的隐藏域
表单元素过滤选择器:
$(":enabled") 选择所有的可操作的表单元素
$(":disabled") 选择所有的不可操作的表单元素
$(":checked") 选择所有的被checked的表单元素
$("select option:selected") 选择所有的select 的子元素中被selected的元素
发表评论
-
easyui 只读
2016-01-15 16:26 683function disableForm(jqForm) ... -
Ctrl + Key Combination – Simple Jquery Plugin
2014-12-31 12:26 559http://www.gmarwaha.com/blog/20 ... -
jquery 控制 select radio checkbox input 不可修改
2012-10-26 20:44 4865$("#formTab5,#formTab4 ... -
jquery 设置页面iframenei的body样式
2012-05-09 17:59 2361jquery 设置页面iframenei的body样式 $ ... -
jquery 文档
2012-02-13 12:49 828jquery 文档 源码 -
JavaScript合并两个Json对象属性为一个对象
2011-12-20 12:50 12957/** * 序列化表单为json对象 */ ... -
jquery tmpl 添加索引
2011-12-05 12:38 1725要为默认添加$index可修改jquery-tmpl.js ... -
jQuery Template Markup and JSP Expression Language (EL)
2011-12-01 15:14 1298Maybe it is "great minds t ... -
jquery获取指定元素的后代元素
2011-11-30 16:42 1180find(expr) 搜索所有与指定表达式匹配的元素。这个函数 ... -
执行AJAX返回HTML片段中的JavaScript脚本
2011-11-29 13:27 1103如果AJAX加载的数据是一个HTML片段,而且这个HT ... -
用 jQuery 获取 iframe 父页面元素
2011-11-28 11:13 1284用 jQuery 获取 iframe 父页面元素 在ifr ... -
jQuery template
2011-11-24 23:26 846jQuery template -
jquery 相同ID 绑定事件
2011-11-09 14:55 1252http://hi.baidu.com/meneye/blog ... -
鼠标滚轮显示列表
2011-11-07 13:27 794鼠标滚轮显示列表 -
jquery 小例子
2010-10-11 15:46 837<p>jquery</p> http: ... -
jquery 表单验证 菜单 分页插件
2010-09-24 22:14 1082http://www.wizzud.com/ ... -
jQuery 树状展现 插件 Treeview
2010-01-28 15:41 2412jQuery 树状展现 插件 Treeview
相关推荐
首先,我们来了解一下jQuery的基本选择器。它们是用于选取HTML元素的最基础工具,包括: 1. **ID选择器**: 使用`#`符号来选取具有特定ID的元素,例如`$("#myID")`将选取ID为"myID"的元素。 2. **类选择器**: 使用`....
**jQuery 基本选择器**是jQuery库中最为基础且关键的部分,它允许开发者高效地选取HTML文档中的元素,从而实现对这些元素的各种操作,如样式修改、内容添加删除等。jQuery的选择器极大地简化了JavaScript中对DOM元素...
jQuery基本选择器是使用最为频繁的一类选择器,在进行网页开发的过程中,熟练掌握基本选择器可以帮助开发者快速定位和操作DOM元素。基本选择器主要由四种类型组成,分别是元素Id选择器、Class选择器、元素名选择器...
### jQuery时间选择器的基本概念 jQuery时间选择器是基于流行的JavaScript库jQuery构建的,它的主要目标是简化用户在网页上输入时间的过程。这种选择器通常包含小时和分钟的下拉菜单,或者有时还包括秒和AM/PM选项...
jquery基本过滤选择器举例、代码、html、可直接运行、学习jquery入门篇
本项目“jquery周历选择器”利用jQuery的灵活性和易用性,构建了一个适用于混合应用程序(Hybrid App)的周历选择器组件。 1. **周历选择器设计**: - 周历选择器通常用于日程管理或时间规划应用,显示一周的日期...
在本篇文章中,我们将深入探讨jQuery基本选择器中的标签名选择器。jQuery是一个快速、小巧且功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互。通过使用jQuery选择器,我们能够选取HTML元素...
本文将详细介绍jQuery中的基本选择器和层次选择器的使用方法,为那些希望使用jQuery来增强网页功能的开发者提供参考。 首先,基本选择器是最为常用的,它包括ID选择器、类选择器、标签选择器以及通配符选择器。ID...
最后,希望分享的这篇关于jquery基本选择器匹配多个元素的实现方法,能够帮助大家在实际开发中更好地使用jQuery进行DOM操作,提高开发效率和页面交互的流畅性。如果大家对本文内容有任何疑问或者想要了解更多关于...
**jQuery日期选择器详解** 在Web开发中,用户界面的交互性和用户体验往往直接影响到网站的质量。日期选择器作为常见的交互元素之一,对于处理日期输入场景非常有用。"jQuery日期选择器"是这样一个轻量级且易用的...
jQuery基本选择器包括 CSS选择器、层级选择器和、表单域选择器。 1.CSS选择器 (1)标签选择器 $(“div”) $(“p”) $(“table”) 等一系列 HTML 标签 (2)ID选择器 <input id=”user” type=”text”> ...
jQuery支持多种类型的选择器,包括基本选择器(如ID选择器、类选择器、标签选择器)、属性选择器、伪类选择器以及组合选择器等。这些选择器可以灵活地帮助我们定位页面中的特定元素,进行操作和样式设置。 该插件的...
首先,理解jQuery选择器的基本概念是关键。jQuery提供了多种内置的选择器,如ID选择器(#id)、类选择器(.class)、元素选择器(element)等,它们用于定位HTML文档中的特定元素。双向选择器则在此基础上增加了更...
除了基本的选择器,jQuery还提供了许多其他功能,如事件处理、动画效果和Ajax请求。例如,`$.ajax()`函数用于异步加载远程数据,而`$.each()`用于遍历集合并对每个元素执行操作。 在压缩包提供的两个HTML文件——`...
首先,我们来看看jQuery颜色选择器的基本功能。通常,它会包含一个可交互的颜色面板,用户可以通过鼠标点击或滑动来选择不同的颜色。此外,它可能还提供预设颜色选项、色轮、HSL/HSV调整、透明度滑块等功能,以满足...
jQuery颜色选择器是一种在网页开发中常用的前端工具,它极大地简化了用户在网页上选取颜色的过程。这个插件,称为colpick,是基于jQuery库构建的,为网页设计师和开发者提供了一个直观、易于集成的颜色选择界面。...
基本选择器是学习jQuery选择器的基石,涵盖了ID选择器、Class选择器、Element选择器及通配符选择器。 1. **ID选择器**:`#id`,用于定位具有特定ID的单一元素,如`$('#one')`会选中ID为“one”的元素,常用于修改该...
- `$()`:这是jQuery的基本选择器,用于选取一个或多个元素。例如:`$("div")`会选择所有`<div>`元素。 - `#id`:通过ID选择元素,如`$("#myID")`。 - `.class`:通过类名选择元素,如`$(".myClass")`。 - `tag`...
其中,jQuery UI是jQuery的一个扩展库,提供了一系列可交互的用户界面组件,其中包括我们今天要讨论的"日期选择器"——jQuery UI Datepicker。这个插件允许用户方便地选择日期,甚至可以扩展到选择时间,实现年月日...