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 ...
随机推荐
- spring整合消息队列rabbitmq
ps:本文只是简单一个整合介绍,属于抛砖引玉,具体实现还需大家深入研究哈.. 1.首先是生产者配置 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 ...
- python代码整体左移或右移
IDE 是 PyCharm 选中代码块: 1)右移:直接 Tab 2)左移:Shift + Tab
- SQL的各种连接--自联结,内连接,外连接,交叉连接
1.准备两个表:Student,Course,其中student.C_S_Id=Course.C_Id(即Student 表中的 C_S_Id 字段为外键列,关联的是 Course 表的 C_Id 主 ...
- SQL执行顺序和coalesce以及case when的用法
1.mysql的执行顺序 from on join where group by having select distinct union //UNION 操作符用于合并两个或多个 SELECT ...
- IncepText算法笔记
源头:场景文本经常受到aspect ratio, scal, and orientation的影响 为了解决这个问题,提出了inceptext,主要贡献在于添加了inception-text modu ...
- RabbitMQ:伪延时队列
目录 一.什么是延时队列 二.RabbitMQ实现 三. 延时队列的问题 四.解决RabbitMQ的伪延时方案 ps:伪延时队列先卖个关子,我们先了解下延时队列. 一.什么是延时队列 所谓延时队列是指 ...
- Window平台下tree 命令使用
WIndow 平台要想打印目录树,可以用cmd工具或者power shell 的tree命令实现 tree 命令格式和参数: TREE [drive:][path] [/F] [/A] /F 显示每个 ...
- 百度小程序-form表单点击提交,input框内容不会清空
百度小程序与微信小程序相似度90%.微信小程序转换为百度小程序,部分还是需要人工修改! 做了一个form留言表单,点击提交之后,input框第一次会清空,但是第二次就不会清空了! 不多说直接上代码! ...
- spring-boot整合Dubbo分布式架构案例
1.运行环境 开发工具:intellij idea JDK版本:1.8 项目管理工具:Maven 3.2.5 2.项目文件目录 3.Maven Plugin管理 总项目 pom.xml配置代码: &l ...
- CSD编码----数字信号处理--006
有符号数(Signed Digit Number , SD) SD编码 1.有三重值 {0,1,-1} 2.应用在不用进位的加法器或乘法器中能够降低复杂性 因为通常可以通过非零元素的数来估计乘法的工作 ...