jQuery取值/赋值常见方法收集
1、文本取值、赋值
$("#id").attr("value");
$("#id").val();
$("#id).attr("value", "new-value");
2、radio
$("input[name='xxx']:checked").val();
$("input[@name='xxx'][checked]");
$("input[name='xxx']").filter(":checked");
$("input[@type=radio]").attr("checked","2"); //设置值为2为当前选中项
3、获取复选框值
$("#id").attr("value");
$("#id).attr("checked") == true //是否已选中
4、下拉列表
$("#id").val();
$("#id").attr("value","xxx"); 设置值为xxx为当前选中项
$("<option value='x'>x</option>").appendTo("#select_id"); 为select_id添加下拉框option
$("#select_id").empty(); 清空下拉框
5、表单
$("form_id).reset(); 重置表单
$("form_id).submit(); 提交表单
6、img元素
$("img"); 选择所有imgyuans
7、div
$("div.class-name") 选择带有class="class-name"的div元素
$("div[attr-name]"); 选择带有attr-name属性的元素
$("div[attr-name='attr-val'); 选择带有attr-name属性,并且属性值为attr-val的元素
$("div[attr-name !='attr-val'); 不等于attr-val的属性值
$("div[attr-name ^='attr-val'); 以attr-val 开头的元素
$("div[attr-name $='attr-val'); 以attr-val结尾的元素
$("div[attr-name *='xxx'); 属性包含xxx这三个字符
$("#id").html() 得到一个元素的innerhtml
$("#id).text() 得到一个元素的innertext
$("#id").attr("attr_name", "attr_val"); 为attr_name设置attr_val值
$("#id").removeAttr("xxx"); 删除元素id的属性xxx
$("#id").addClass/removeClass("xxx"); 添加/删除样式xxx
$("#id").css("xxx", "zzz") 为元素id添加值为zzz的xxx样式(一个样式)
$("#myid").css({height:"20px", width:"100px"}); 添加一组样式
$("#id").next(); 查找id同级的下一个元素
$("#id").nextAll(); 查找id同级所有后面的元素
$("#id").prev(); 查找id同级的上一个元素
$("#id").prevAll(); 查找id同级的上面所有元素
$(”#myid”).children() 找自己的第一代子元素
$(”#myid”).parent() 找自己的第一个父元素
$(”#myid”).parents() 找自己的所有父元素
$("body").append("<input type='text' value='xxx' />") 该语句会把这段html插入到body结束标签之前, 结果是<input type='text' value='asd' /></body>
$("body").append("<input type='text' value='xxx' />") 该语句会把这段html插入到body开始标签之后, 结果是<body><input type='text' value='asd' />
$.get("url", "p=p-val", function(data, status){alert(data)}) data是返回的数据, status是本次请求的状态
$.post(……..) 参数同get方法
8、a标签
$('#id').attr('href','xxx'); 修改a标签的href链接:
$("#id").text('xxx'); 修改文字
jQuery取值/赋值常见方法收集的更多相关文章
- JS子父窗口互相操作取值赋值的方法介绍
$("#父窗口元素ID",window.parent.document); 对应javascript版本为window.parent.document.getElementById ...
- jquery取值赋值
("#A").val("1") id为A的值就是1了 jQuery中都这样,赋值的时候作为参数传给函数,和单纯的js有区别,像 $("#A" ...
- jquery 取值赋值
<input type="text" id="range_complete" /> $('#range_complete').val();//取值 ...
- label用js,jquery取值赋值,以及怎么在后台取值
label标签在JS和Jquery中使用不能像其他标签一样用value获取它的值: 可以这样: JS: var label=document.getElementByIdx_x("id&qu ...
- js表单快速取值/赋值 快速生成下拉框
1.表单取值/赋值公共方法 //表单序列化:文本框的name字段和数据源一致<form id="myForm" onsubmit="return false;&qu ...
- Jquery 关于span标签的取值赋值用法
span是最简单的容器,可以当作一个形式标签,其取值赋值方法有别于一般的页面元素. //赋值 $("#spanid").html(value) //取值 $("#span ...
- Jquery操作下拉框(DropDownList)实现取值赋值
Jquery操作下拉框(DropDownList)想必大家都有所接触吧,下面与大家分享下对DropDownList进行取值赋值的实现代码 1. 获取选中项: 获取选中项的Value值: $('sele ...
- Jquery操作下拉框(DropDownList)的取值赋值实现代码(王欢)
Jquery操作下拉框(DropDownList)的取值赋值实现代码(王欢) 1. 获取选中项: 获取选中项的Value值: $('select#sel option:selected').val() ...
- JQuery关于span标签的取值赋值
span取值赋值方法有别于一般的页面元素.JQ://赋值$("#spanid").html("hello world") //取值$("#spanid ...
随机推荐
- windows平台搭建Mongo数据库复制集(类似集群)(二)
通过rs.status()命令我们可以查询到各个节点运行正常. 一.数据同步测试 在28011.28012端口上进行插入: 因为SECONDARY是不允许读写的, 在写多读少的应用中,使用Replic ...
- Halo(十二)
@RequestBody @ResponseBody @RequestBody 1) 该注解用于读取 Request 请求的 body 部分数据,使用系统默认配置的 HttpMessageConver ...
- 【LeetCode 84】柱状图中最大的矩形
题目链接 [题解] 维护一个单调递增的栈. 会发现栈内的第i个元素的前面一个(i-1)元素在原始的序列中的数字 都是要高于第i个元素的.(或者没有元素) 那么第i个元素往左最多可以扩展到第i-1个元素 ...
- vue中的文件上传和下载
文件上传 vue中的文件上传主要分为两步:前台获取到文件和提交到后台 获取文件 前台获取文件,主要是采用input框来实现 <el-dialog :title="addName&quo ...
- webBrowser强制在本窗口打开,禁止在新窗口打开
有时需要用WebBrowser加载URL,来实现某些功能.而这时,我们就不希望所打开的页面中的链接,在新窗口中打开,因为这样的话,实际上是用系统默认的浏览器打开了,从而脱离了你的WebBrowser, ...
- 117、TensorFlow变量共享
# sharing variables # Tensorflow supports two ways of sharing variables # 1.Explicitly passing tf.Va ...
- python,mock-server之moco
python,mock-server之moco1.mock使用:mock除了用在单元测试过程中,还有一个用途,当前端开发在开发页面的时候,需要服务端提供API接口,此时服务端没开发完成,或者说没搭建测 ...
- delphi vlc 安装bug 处理编译错误"0" is an invalid value for the "DebugInformation" parameter of the "DCC"
处理编译错误"0" is an invalid value for the "DebugInformation" parameter of the "DCC" [摘要:http://blog.csdn ...
- Weblgic安装应用报错:Caused by: com.bea.xml.XmlException: failed to load java type corresponding to e=web-a
文章目录 报错如下 解决: 报错如下 Exception in AppMerge flows' progression 后台日志报错: Caused by: com.bea.xml.XmlExcept ...
- C++怎样通过嵌入汇编写一个函数
参考:http://msdn.microsoft.com/en-us/library/h5w10wxs.aspx 普通的函数,Compiler会自动生成prologue和epilogue,但是通过在函 ...