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 ...
随机推荐
- Calendar日历
Calendar calendar=Calendar.getInstance(); //上一年的今天 calendar.add(Calendar.YEAR,-1); System.out.printl ...
- ivew select组件 DatePicker组件的清空
<Form ref="formInline" :model="formInline" :rules="ruleInline" inli ...
- [Luogu1821][USACO07FEB]银牛派对Silver Cow Party
由题意可知,我们需要求的是很多个点到同一个店的最短距离,然后再求同一个点到很多个点的最短距离. 对于后者我们很好解决,就是很经典的单源最短路径,跑一边dijkstra或者SPFA即可. 然而对于前者, ...
- JS基础入门篇(三十四)— 面向对象(一)
1.对象 对象的定义 : 对象 是 由 键值对 组成的无序集合. 创建对象两种方法 : 方法一 : 字面量方法 var obj = {name: "k"}; 方法二 : new O ...
- python+selenium自动化框架搭建
环境及使用软件信息 python 3 selenium 3.13.0 xlrd 1.1.0 chromedriver HTMLTestRunner 说明: selenium/xlrd只需要再pytho ...
- 命令行启动appium服务
Android终端 appium --avd test -a 127.0.0.1 -p 4723 --language "zh_CN" --locale "CN" ...
- 偏函数(partial)
from functools import partial def add(a,b,c,d): return a+b+c+d add = partial(add,1,2) print(add(3,4) ...
- webpack对icon-font图片的处理
一.对图片的处理 安装url-loader 然后再loaderli配置这样会把图片打包成base64格式 { test: /\.(gif|png|jpg)\??.*$/, loader: 'url-l ...
- ROM、RAM、DRAM、SRAM、FLASH的区别?
在学习单片机的时候经常会被这些东西搞晕掉,什么ROM RAM FLASH EEPROM 等等......为了不被搞晕,做个笔记,不记得的时候过来看看. 下面是我在网上找的资料: ROM和RAM指的都是 ...
- HttpCanary——最强Android抓包工具!
迎使用HttpCanary——最强Android抓包工具! HttpCanary是一款功能强大的HTTP/HTTPS/HTTP2网络包抓取和分析工具,你可以把他看成是移动端的Fiddler或者Char ...