jQuery - 中使用表单元素选择器
[示例代码]
<html>
<head>
<scriptsrc="jquery-1.3.1.js"></script>
<script>
$(document).ready(
function(){
$("#form :text").each(
function(index, element){
$(element).css("background-color", "yellow");
}
);
}
);
</script>
</head>
<body>
<formid="form">
<inputtype="input"/>
<inputtype="input"/>
<inputtype="input"/>
<inputtype="submit"/>
</form>
</body>
</html>
[表单元素选择器]
http://docs.jquery.com/DOM/Traversing/Selectors#Form_Selectors
[jQuery - 官方网站]
http://jquery.com/
[jQuery - download下载]
当前版本, http://docs.jquery.com/Release:jQuery_1.3.1
下载列表, http://docs.jquery.com/Downloading_jQuery
最新代码, http://code.jquery.com/nightlies/jquery-nightly.js
[jQuery - 相关论坛]
http://groups.google.com/group/jquery-en
http://WebDev.board.newsmth.net/
http://WebGeeks.board.newsmth.net/
http://bbs.pku.edu.cn/, homepage看版
http://forum.csdn.net/SList/JavaScript/
[jQuery - 关键词]
jQuery
[jQuery - 文档]
http://docs.jquery.com/Main_Page
[jQuery - Core核心]
each迭代, http://docs.jquery.com/Core/each
jQuery, http://docs.jquery.com/Core/jQuery
[jQuery - Ajax]
jQuery的Ajax文档, http://docs.jquery.com/Ajax/jQuery.ajax
jQuery的Ajax选项,http://docs.jquery.com/Ajax/jQuery.ajax#options
dataType选项,设置返回值类型
timeout选项,用于设置超时
与PHP集成可以使用json_encode返回结果, http://www.php.net/manual/zh/function.json-encode.php
readyState获取请求操作的当前状态, http://msdn2.microsoft.com/en-us/library/ms534361.aspx
[jQuery - 特效]
jQuery淡入特效,http://docs.jquery.com/Effects/fadeIn
[jQuery - Selectors选择器]
表单元素选择器, http://docs.jquery.com/DOM/Traversing/Selectors#Form_Selectors
属性相等选择器,http://docs.jquery.com/Selectors/attributeEquals
checked选中, http://docs.jquery.com/Selectors/checked
:input匹配所有input, textarea, select和button元素, http://docs.jquery.com/Selectors/input
选择器在选择body中出现的title标记时,会出现和预期不同的效果。
element按指定名称匹配所有元素, http://docs.jquery.com/Selectors/element
[jQuery - Attributes属性]
val获取第一个匹配元素value属性的内容, http://docs.jquery.com/Attributes/val
[jQuery - 常用函数]
attr访问自定义属性,减少javascript脚本中代码和数据的耦合
filter, 用于在集合中过滤元素
[jQuery - Events事件]
hover, http://docs.jquery.com/Events/hover
submit提交, http://docs.jquery.com/Events/submit
focus响应每个匹配元素的焦点事件, http://docs.jquery.com/Events/focus
click单击, 触发每个匹配元素的单击事件, 绑定函数到每个匹配元素的单击事件, http://docs.jquery.com/Events/click
[jQuery - Manipulation操作]
after在每个匹配的元素之后插入内容, http://docs.jquery.com/Manipulation/after
[jQuery - Traversing遍历器]
filter过滤, http://docs.jquery.com/Traversing/filter
find查找, http://docs.jquery.com/Traversing/find
[jQuery - Tutorials教程]
Introducing $(document).ready(), http://docs.jquery.com/Tutorials:Introducing_%24%28document%29.ready%28%29
[jQuery - plugins插件]
Easing动画, http://jquery.com/plugins/project/easing
jCarouseLite, 走马灯效果, http://jquery.com/plugins/project/jCarouselLite
tableFilter, 表过滤器, http://jquery.com/plugins/project/tableFilter
Rounded Corner圆角矩形, http://docs.jquery.com/Tutorials:Rounded_Corners#Rounded_Corners_Without_Images
Jeditable原位置编辑器插件, http://plugins.jquery.com/project/jeditable
[jQuery - Utilities实用工具]
trim去掉字符串前后的空格, http://docs.jquery.com/Utilities/jQuery.trim
[jQuery - 参考资料]
http://www.json.org/, http://www.json.org/json.js
JScript (Windows Script Technologies):, http://msdn2.microsoft.com/en-us/library/hbxc2t98.aspx
prototype Property (JScript 5.6):, http://msdn2.microsoft.com/en-us/library/f5s9ycex.aspx
parseInt Method (JScript 5.6):, http://msdn2.microsoft.com/en-us/library/x53yedee.aspx
toString Method (JScript 5.6):, http://msdn2.microsoft.com/en-us/library/k6xhc6yc.aspx
HTTP Status Codes (Windows):, http://msdn2.microsoft.com/en-us/library/Aa384325.aspx
HTML+TIME:, http://msdn2.microsoft.com/en-us/library/ms533112.aspx
HTA:APPLICATION对象, http://msdn2.microsoft.com/en-us/library/ms536495.aspx
About Cross-Frame Scripting and Security:关于跨框架脚本和安全, http://msdn2.microsoft.com/en-us/library/ms533028.aspx
How to Build Tables Dynamically:如何动态构建表格, http://msdn2.microsoft.com/en-us/library/ms532998.aspx
Filter Property (Tabular Data Control): - Filter属性(表格数据控件), http://msdn2.microsoft.com/en-us/library/ms531364.aspx
close Method (window):, http://msdn2.microsoft.com/en-us/library/ms536367.aspx
ECMA标准下载, http://www.ecma-international.org/publications/standards/Ecma-262.htm
parseInt Method (JScript 5.6): - IE标准, http://msdn2.microsoft.com/en-us/library/x53yedee.aspx
complete Property (IMG, INPUT, INPUT type=image):, http://msdn2.microsoft.com/en-us/library/ms533688.aspx
fireEvent Method (A, ABBR, ACRONYM, ...):, http://msdn2.microsoft.com/en-us/library/ms536423.aspx
SunSpider JavaScript Benchmark: JavaScript性能测试, http://webkit.org/perf/sunspider-0.9/sunspider.html
onbeforeunload Event (BODY, FRAMESET, window):, http://msdn2.microsoft.com/en-us/library/ms536907.aspx
[jQuery - 综合实例]
实现前一个和后一个效果
跨窗口调用函数
定时刷新
下拉列表框打开指定网站
生成在两个边界间的随机数
文本输入框与标签自动更换
密码输入框与标签自动更换
文本输入区域与标签自动更换
Pre标签在IE与Firefox下效果相对理想的换行处理
固定表头,滚动表格内容
分享到:
相关推荐
Jquery表单-层级-内容-属性-子元素选择器知识点整理,主要是关于Jquery选择器的知识点整理包括页面属性的选择如$(":empty")等,子元素的选择,层级选择$("parent > child")等
从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 从零开始学习jQuery (五) 事件与事件对象 从零开始学习jQuery (六) ...
主要为大家详细介绍了jQuery选择器之表单元素选择器的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
(答案见下载资源) 上机任务1 ... 在chrome的控制台中输入jQuery...为某dom元素应用某css样式可以使用jQuery中的addClass方法,例如:将id为tt的div元素应用.bt样式,可用些语句:$("#tt").addClass("color","red");
2.2.9 表单选择器/34 2.3 综合案例分析—导航条在项目中的应用/37 2.3.1 需求分析/37 2.3.2 效果界面/38 2.3.3 功能实现/38 2.3.4 代码分析/40 2.4 本章小结/41 第3章 jQuery操作DOM /42 3.1 DOM基础/43 ...
jQuery表单选择器源码,适合初学者哦,可以下载下来作为参考资料的。
本文实例为大家分享了jQuery表单元素选择器的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> ...
jquery常用操作,jquery一些常用的操作,很实用哦
JQ 选择器大全包含:基本选择器,层级选择器,层级函数,过滤选择器,内容选择器,可见选择器,jq中显示相关的函数,属性选择器,子元素选择器,表单选择器。里面的练习题可以拿来练手
四、表单选择器 jQuery过滤选择器,以冒号:开头 1、基本过滤选择器 2、内容过滤选择器 3、可见性过滤选择器 4、属性过滤选择器 5、子元素过滤选择器 6、表单对象属性过滤选择器 //不用加双引号的选择器 $(document...
jQuery选择器速查表,包括了jQuery的基本选择器、层次选择器、过滤选择器、表单选择器,方便以后查找。
本文实例讲述了jQuery表单元素过滤选择器用法。分享给大家供大家参考,具体如下: 前面jQuery内容过滤选择器与子元素过滤选择器,其中的例子稍微多一些解释也有点绕口,希望能帮助大家理解。今天学习表单元素过滤...
通过其中基类关系可以方便快捷地定位元素 jQuery选择器详解 根据所获取页面中元素的不同,可以将jQuery选择器分为:基本选择器、层次选择器、过滤选择器、表单选择器四大类。其中,在过滤选择器中有可以分为:简单...
用于在选择器中重置输入的 JQuery 插件 演示 ##如何使用:在要清除/重置的元素/元素/表单上调用插件。 ##选项: $ ( selector ) . resetInputs ( { 'ignor' : '#div' } ) ; $ ( 'elem' ) . resetInputs ...
这本书相当不错!而且还有很多实例哦!会让你对Jquery一重新的认识,选择器的介绍/表单元素的操作!
在 jQuery 1.2中,可以在URL参数中指定一个jQuery选择器,这会过滤返回的HTML文档,只取得文档中匹配选择器的元素。此语法类似于"url #some > selector"。 实例 载入文档的sidebar的导航部分到一个无序列表...
使用JQuery完成页面定时弹出广告(DOM转换和选择器) 使用JQuery完成表格的隔行换色 使用JQuery完成复选框的全选效果(jQuery的属性操作) 使用JQuery完成省市联动效果(jQuery的遍历和DOM操作) 使用JQuery完成下列列表...
两个日期选择器,效果还不错呢,在各种表单中经常用的到。
带有多个文件选择、拖放支持、进度条、验证和预览图像、jQuery 音频和视频的文件上传小部件。 支持跨域、分块和可恢复的文件上传和客户端图像大小调整。 适用于任何支持标准 HTML 表单文件上传的服务器端平台(PHP、...