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 ...
随机推荐
- BigDecimal 算数
BigDecimal big=new BigDecimal("22.233"); BigDecimal big1=new BigDecimal("12.233" ...
- sentinel集群docker-compose.yml配置
redis安装 version: '3.1'services: master: image: redis container_name: redis-master ports: - 6379:6379 ...
- JPA @Id 和 @GeneratedValue 注解详解
JPA @Id 和 @GeneratedValue 注解详解 @Id: @Id 标注用于声明一个实体类的属性映射为数据库的主键列.该属性通常置于属性声明语句之前,可与声明语句同行,也可写在单独行上 ...
- C#基础提升系列——C#文件和流
C#文件和流 本文主要是对C#中的流进行详细讲解,关于C#中的文件操作,考虑到后期.net core跨平台,相关操作可能会发生很大变化,所以此处不对文件系统(包括目录.文件)过多的讲解,只会描述出在. ...
- Docker(应用服务引擎)
Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的容器中,然后发布到任何流行的 Linux 机器上,也可以实现虚拟化.容器是完全使用沙箱机制,相互之间不会有任何 ...
- jQuery 问题收集
1.页面动态生成的dom元素,监听事件失效.需用事件代理进行监听. 对于动态绑定元素可以这样写 $(document).on('click', '.xxx', function() { // do s ...
- vue数据渲染、条件判断及列表循环
1.数据渲染 {{msg}} <template> <div id="app"> {{msg}} </div> </template&g ...
- windows10 cortana 不能搜索解决办法
不太确定是某次系统更新或安装VS软件之后, 发现windows10 cortana 搜索的结果是空白了, 搜索了相关帖子, 试遍所有方法都无效, 最后在联网的情况下, 只用了在powershell中重 ...
- 【SpringBoot】 理解SpringBoot的启动原理
前言 前文已经介绍了Spring Bean的生命周期,那么使用过程中发现SpringBoot 的启动非常快捷,本文将介绍SpringBoot的内部启动原理. 启动过程 如上图所示,我们先分析下Spri ...
- 全面了解python中的类,对象,方法,属性
全面了解python中的类,对象,方法,属性 python中一切皆为对象,所谓对象:我自己就是一个对象,我玩的电脑就是对象,坐着的椅子就是对象,家里养的小狗也是一个对象...... 我们通过描述属性( ...