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 ...
随机推荐
- 学会如何使用shiro
摘:https://www.cnblogs.com/learnhow/p/5694876.html 一.架构 要学习如何使用Shiro必须先从它的架构谈起,作为一款安全框架Shiro的设计相当精妙.S ...
- fastjson 1.1.1填坑
java封装Echart数据模型 xAxis yAxis 属性 转json赋值失败..换名即可 解决办法:升级1.2.2后即可
- BZOJ1899 [Zjoi2004]Lunch 午餐 贪心+DP
题目传送门 https://lydsy.com/JudgeOnline/problem.php?id=1899 题解 如果只有一个窗口,那么可以这样考虑:因为最后一个人打完饭的时间是固定的,那么不如就 ...
- 前端每日实战:69# 视频演示如何用纯 CSS 创作一个单元素抛盒子的 loader
效果预览 按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以全屏预览. https://codepen.io/comehope/pen/qKwXbx 可交互视频 此视频是可 ...
- 8.xpath(dom4j支持的jar)
1.使用dom4j支持xpath的操作(xpath可以直接获取到某个元素) (1)第一种形式 /AAA/DDD/BBB:表示一层一层的,AAA下面DDD下面的BBB元素 (2)第二种形式 //BBB: ...
- Tortoise git账号记住密码
方法一: 本地git仓库目录下,找到 .git/config ,然后打开增加: [credential] helper = store 这样只有该目录下的git操作不用每次输入用户名和密码,换一个目录 ...
- [CSP-S模拟测试]:gcd(莫比乌斯反演)
题目描述 有$n$个正整数$x_1\sim x_n$,初始时状态均为未选.有$m$个操作,每个操作给定一个编号$i$,将$x_i$的选取状态取反.每次操作后,你需要求出选取的数中有多少个互质的无序数对 ...
- hdu 5564 Clarke and digits
题目链接 http://acm.hdu.edu.cn/showproblem.php?pid=5564 ------------------------------------------------ ...
- jmeter添加自定义扩展函数之String---base64加密
1,打开eclipse,新建maven工程,在pom中引用jmeter核心jar包,具体请看---https://www.cnblogs.com/guanyf/p/10863033.html---,这 ...
- TestStack.White安装详解
一.安装 NuGet TestStack.White是通过NuGet进行安装的.NuGet最低支持VS2010.我使用的VS2015. 安装方式一 :从Visual Studio的工具->扩展和 ...