在Jquery中这三个函数如果有参数的话就是赋值操作,没有参数则是取值操作,其中val()是一个很重要的方法,和它相关的表单对象如:input系的标签、select、textarea等都是用于和服务器端交互的标签元素,所以要搞清楚这个val();
对于radio、checkbox、select的赋值操作:
代码分析:
对radio赋值,属性选择器获取radio;
对checkbox赋值,属性选择器获取checkbox,赋值用中括号[],如果是多个值的话中间用逗号隔开;
对select赋值,通过标签选择器获取select,
对于radio、checkbox、select的取值操作:
代码分析:
声明一个s的变量用于接收name=a的radio的被选正的值,也可以写作var s=$(":radio:checked").val(),:radio可以理解为type=radio的input元素,是属性选择器的一种简化写法;
获取checkbox的被选中的值,因为checkbox是一个多选框,所以要用each对每一个选中项进行处理,也可以根据属性选择器写作: $("input[type=checkbox]:checked");
对于select当属性multiple ="multiple"时,可以多选,这里也用each进行遍历处理;
小结:
对于input系的标签元素我们可以使用属性选择器获取: $("input[type=checkbox]"),也可以通过简洁的方式: $(":checkbox"),类似的有:
:radio、:submit、:image、:reset、:button、:file、:hidden、:password、:text;
$(":input")选取所有的<input> <textarea> <select>和<button>元素
对于radio、checkbox获取被选正的项用:checked,而对于select则用:selected( $("select :selected")、 $(":radio:checked").val();)
分享到:
相关推荐
在Jquery中这三个函数如果有参数的话就是赋值操作,没有参数则是取值操作,其中val()是一个很重要的方法,和它相关的表单对象如:input系的标签、select、textarea等都是用于和服务器端交互的标签元素,所以要搞清楚...
jquery 基本 层级 控制器 可见性 属性 子元素 表单对象属性 dom对象 等详细的一些操作~ 详细 简单~易懂 实用!
主要介绍了jQuery表单对象属性过滤选择器,结合实例形式详细分析了jQuery针对表单元素进行属性过滤操作的具体实现技巧,需要的朋友可以参考下
使用jQuery表单对象属性过滤选择器 使用jQuery表单过滤选择器 第3章 DOM树状文档 获取元素的属性 设置元素的属性 设置元素的属性 获取或设置元素的内容 获取或设置元素的值 直接设置元素样式值 增加CSS类别...
2. jQuery 对象和 DOM 对象 3. 基本选择器 4. 层次选择器 5. 基本过滤选择器 6. 内容过滤选择器 7. 可见性过滤选择器 8. 属性过滤选择器 9. 子元素过滤选择器 10. 表单元素过滤选择器 11. 小结1 12. 选择器练习 13....
从零开始学习jQuery (四) 使用jQuery 操作元素的属性与样式 从零开始学习jQuery (五) 事件与事件对象 从零开始学习jQuery (六) jQuery 中的Ajax 从零开始学习jQuery (七) jQuery 动画-让页面动起来! 从零开始学习...
9. 表单对象属性过滤选择器 7 10. 表单选择器 7 11. 选择器中含有特殊符号: “.” “#” “(” “]” 7 第3章. jQuery中的DOM操作 8 1. 插入节点 8 2. 删除节点 8 3. 复制节点 9 4. 替换节点 9 5. 包裹节点 9 6. ...
注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jquery对象。 普通的dom对象一般可以通过$()转换成jquery对象。如:$(document.getElementById("msg"))则为jquery对象,可以使用jquery的...
2.2.8 表单对象属性过滤选择器/32 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章 ...
第二部分 第1章 认识jQuery 1.1 JavaScript和JavaScript库 1.1.1 JavaScript简介 ...第5章 jQuery对表单、表格的操作及更多应用 第6章 jQuery与Ajax的应用 第7章 插件的使用和写法 第8章 用jQuery打造个性网站
超实用的jQuery代码段精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。...11.32 使用jQuery操作DOM的限制
从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 从零开始学习jQuery (五) 事件与事件对象 从零开始学习jQuery (六) jQuery中的Ajax 从零开始学习jQuery (七) jQuery动画-让页面动起来! 从零开始学习jQuery...
操作案例1:制作jQuery Mobile基本页面 1.3.4 jQuery Mobile对话框 1.4 与电话整合 操作案例2:制作商家信息展示页面 2 jQuery Mobile UI组件 2.1 网格系统 2.2 格式化内容 2.3 可折叠的内容 2.4 工具栏 操作案例3:...
3.9 表单对象属性 60 3.9.1 :enabled 60 3.9.2 :disabled 60 3.9.3 :checked 61 3.9.4 :selected 61 4. 属性 62 4.1 属性 62 4.1.1 attr(name) 62 4.1.2 attr(properties) 62 4.1.3 attr(key, value) 63 4.1.4 attr...
尽管如此,数组还是不方便我们操作,我需要讲表单序列化成一个对象。这样更方便于我们操作。 下面是代码: /** * @author gaohuia */ (function($){ $.fn.extend({ serializeObject:function(){ if(this....
后者表示div中的a标签,返回的是a标签对象,前者返回的是div标签对象 冒号限定结点选择器:$(“mix:condition”):mix标签,并且满足限定条件. E:root:类型为E,并且是文档的根元素 E:nth-child(n):是其父元素的第n个类型...
第十节:jQuery速成 - 表单对象的获取 第十一节:jQuery速成 - 元素属性的设置与移除 第二章:进阶篇 - 对象的筛选 第十二节:jQuery速成 - 过滤 第十三节:jQuery速成 - 查找 第十四节:jQuery速成 - 串联 第三章:...
本书循序渐进的对jQuery的各种方法和使用进行介绍,读者可以系统的掌握jQuery关于DOM操作、事件监听和动画、表单操作、AJAX以及插件方面知识点,并结合每个章节后面的案例演示进行练习,达到掌握本章节知识点的目的...
//特定的表单对象 2、对象函数的应用简单和不限制: element.function(par); $(”p.surprise”).addClass(”ohmy”).show(”slow”)... 3、对已选择对象的操作(包括样式): 以下为引用的内容: $("#...