Jquery 表单取值赋值的一些基本操作


Posted in Javascript onOctober 11, 2009

具有限定子节点选择器:$("mix1[mix2]"):返回包含mix2的mix1节点.如:$("div[a]"):包含a标签的div.
这个和$("div a")不相同.后者表示div中的a标签,返回的是a标签对象,前者返回的是div标签对象
冒号限定结点选择器:$("mix:condition"):mix标签,并且满足限定条件.
E:root:类型为E,并且是文档的根元素
E:nth-child(n):是其父元素的第n个类型为E的子元素 ,基数从1开始
E:first-child:是其父元素的第1个类型为E的子元素
E:last-child:是其父元素的最后一个类型为E的子元素
E:only-child:且是其父元素的唯一一个类型为E的子元素
E:empty:没有子元素(包括text节点)的类型为E的元素
E:enabled
E:disabled:类型为E,允许或被禁止的用户界面元素
E:checked:类型为E,处于选中状态的用户界面元素(例如单选按钮或复选框)
E:visible:选择所有可见元素(display值为block或visible,visibility值为visible元素,不包括hide域)
E:hidden:选择所有隐藏元素(非Hide域,且display值为block或visible,visibility值为visible的元素)
E:not(s):类型为E,不匹配选择器s
E:eq(n),E:gt(n),E:lt(n):元素限定
E:first:相当于E:eq(0)
E:last:最后一个匹配的元素
E:even:从匹配的元素集中取序数为偶数的元素
E:odd:从匹配的元素集中取序数为奇数的元素
E:parent:选择包含子元素(包含text节点)的所有元素
E:contains('test'):选择所有含有指定文本的元素
表单选择器:
E:input:选择表单元素(input,select,textarea,button)
E:text:选择所有文本域(type="text")
E:password:选择所有密码域(type="password")
E:radio:选择所有单选按钮(type="radio")
E:checkbox:选择所有复选框(type="checkbox")
E:submit:选择所有提交按钮(type="submit")
E:image:选择所有图像域 (type="image")
E:reset:选择所有清除域(type="reset")
E:button:选择所有按钮(type="button")
当然包括E:hidden

8.xPath路径查询:

先介绍下xPath的语法:
/:选取根节点
//:选取文档中所有符合条件的节点,不管该节点位于何处
.:选取当前节点
..:选取单前节点的父节点
@:选取属性,这个在之前说过了(属性选择器)
nodename:选取节点下的所有节点
jQuery中的应用:
根节点是很少用到的,常用的如下面的例子:
$("div/p")相当于$("div>p")
$("div//p")相当于$("div p")
$("//div/../p"):所有div节点的父节点下的p标签
还有相对路径的写法以及支持的Axis选择器,还不是会应用,不介绍了...已经一大堆了

$的其他用法:

$(html节点):根据提供的原始HTML标记字符串,动态创建由jQuery对象包装的DOM元素.如:
$("Hello").appendTo("#body");//把Hello添加到body元素中
$(document):网页文档对象
$(document.body):网页body对象,和$("body")是一样的
$(函数):DOM载入后就执行该函数.所以$(document).ready()可以写做$()
$(选择器部分,选择器来源):这个举例说明
$("input:radio",document.forms[0]):在文档的第一个表单中,搜索所有单选按钮
$("div",xml.responseXML):查询指定XML文档中的所有div元素
选择器来源可以是:作为上下文的DOM元素,文档或jQuery对象
还有两个:$.extend(prop)和$.noConflict()是和插件以及和其他库兼容的使用,以后再写

下拉框,单选框,多选框整理

1,下拉框:
var cc1 = $(".formc select[@name='country'] option[@selected]").text(); //得到下拉菜单的选中项的文本(注意中间有空格)
var cc2 = $('.formc select[@name="country"]').val(); //得到下拉菜单的选中项的值
var cc3 = $('.formc select[@name="country"]').attr("id"); //得到下拉菜单的选中项的ID属性值
$("#select").empty();//清空下拉框//$("#select").html('');
$("1111").appendTo("#select")//添加下拉框的option
稍微解释一下:
1.select[@name='country'] option[@selected] 表示具有name 属性,
并且该属性值为'country' 的select元素 里面的具有selected 属性的option 元素;
可以看出有@开头的就表示后面跟的是属性。

2,单选框:
$("input[@type=radio][@checked]").val(); //得到单选框的选中项的值(注意中间没有空格)
$("input[@type=radio][@value=2]").attr("checked",'checked'); //设置单选框value=2的为选中状态.(注意中间没有空格)

3,复选框:
$("input[@type=checkbox][@checked]").val(); //得到复选框的选中的第一项的值
$("input[@type=checkbox][@checked]").each(function(){ //由于复选框一般选中的是多个,所以可以循环输出
alert($(this).val());
});

$("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined){} //判断是否已经打勾

Javascript 相关文章推荐
js一组验证函数
Dec 20 Javascript
js 键盘记录实现(兼容FireFox和IE)
Feb 07 Javascript
JS截取字符串常用方法整理及使用示例
Oct 18 Javascript
原生javascript实现无间缝滚动示例
Jan 28 Javascript
jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)
Sep 08 Javascript
简单实现AngularJS轮播图效果
Apr 10 Javascript
jQuery动态追加页面数据以及事件委托详解
May 06 jQuery
React Native使用百度Echarts显示图表的示例代码
Nov 07 Javascript
微信小程序如何实现五星评价功能
Oct 15 Javascript
Vue-router 报错NavigationDuplicated的解决方法
Mar 31 Javascript
vue实现学生信息管理系统
May 30 Javascript
vue.js click点击事件获取当前元素对象的操作
Aug 07 Javascript
jquery 框架使用教程 AJAX篇
Oct 11 #Javascript
jQuery live( type, fn ) 委派事件实现
Oct 11 #Javascript
修改jQuery.Autocomplete插件 支持中文输入法 避免TAB、ENTER键失效、导致表单提交
Oct 11 #Javascript
JS模拟的QQ面板上的多级可展开的菜单
Oct 10 #Javascript
js css样式操作代码(批量操作)
Oct 09 #Javascript
防止动态加载JavaScript引起的内存泄漏问题
Oct 08 #Javascript
JavaScript delete 属性的使用
Oct 08 #Javascript
You might like
PHP文件打开、关闭、写入的判断与执行代码
2011/05/24 PHP
解决ajax+php中文乱码的方法详解
2013/06/09 PHP
PHP 快速排序算法详解
2014/11/10 PHP
46 个非常有用的 PHP 代码片段
2016/02/16 PHP
浅谈PHP Cookie处理函数
2016/06/10 PHP
ThinkPHP打水印及设置水印位置的方法
2016/10/14 PHP
php文件上传、下载和删除示例
2020/08/28 PHP
php微信公众号开发之现金红包
2018/04/16 PHP
PHP+MySQL高并发加锁事务处理问题解决方法
2018/04/30 PHP
JavaScript类和继承 this属性使用说明
2010/09/03 Javascript
IE6/7/8中Option元素未设value时Select将获取空字符串
2011/04/07 Javascript
jQuery创建插件的代码分析
2011/04/14 Javascript
jquery实现div拖拽宽度示例代码
2013/07/31 Javascript
JS操作COOKIE实现备忘记录的方法
2016/04/01 Javascript
JavaScript html5利用FileReader实现上传功能
2020/03/27 Javascript
react-router实现按需加载
2017/05/09 Javascript
浅谈vuex之mutation和action的基本使用
2017/08/29 Javascript
浅谈react.js中实现tab吸顶效果的问题
2017/09/06 Javascript
原生js实现弹幕效果
2020/11/29 Javascript
[01:47]2018年度DOTA2最佳教练-完美盛典
2018/12/16 DOTA
python实现傅里叶级数展开的实现
2018/07/21 Python
Python通用循环的构造方法实例分析
2018/12/19 Python
python如何通过twisted搭建socket服务
2020/02/03 Python
Python实现队列的方法示例小结【数组,链表】
2020/02/22 Python
Python Opencv 通过轨迹(跟踪)栏实现更改整张图像的背景颜色
2020/03/09 Python
TensorFlow实现批量归一化操作的示例
2020/04/22 Python
基于python实现操作git过程代码解析
2020/07/27 Python
HTML5 移动页面自适应手机屏幕四类方法总结
2017/08/17 HTML / CSS
Prototype如何实现页面局部定时刷新
2013/08/06 面试题
澳大利亚商务邀请函
2014/01/17 职场文书
信息与计算科学专业推荐信
2014/02/23 职场文书
广告传媒专业应届生求职信
2014/03/01 职场文书
《水上飞机》教学反思
2014/04/10 职场文书
群众路线教育实践活动自我剖析思想汇报
2014/10/04 职场文书
2014年党员个人剖析材料
2014/10/08 职场文书
关于Oracle12C默认用户名system密码不正确的解决方案
2021/10/16 Oracle