获取值：
文本框，文本区域：$("#txt")attr("value")；
多选框checkbox：$("#checkbox_id")attr("value")；
单选组radio： $("input[@type=radio][@checked]")val();
下拉框select： $('#sel')val();
控制表单元素：
文本框，文本区域：$("#txt")attr("value",'');//清空内容
$("#txt")attr("value",'11');//填充内容
多选框checkbox： $("#chk1")attr("checked",'');//不打勾
$("#chk2")attr("checked",true);//打勾
if($("#chk1")attr('checked')==undefined) //判断是否已经打勾
单选组radio： $("input[@type=radio]")attr("checked",'2');//设置value=2的项目为当前选中项
下拉框select： $("#sel")attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
$("<option value='1'>1111</option><option value='2'>2222</option>")appendTo("#sel")//添加下拉框的option
$("#sel")empty()；//清空下拉框
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>show</title>
<style type="text/css">
div {
float: left;
width: 100px;
height: 80px;
border: 1px solid #0ff;
margin-right: 5px;
display:block;
}
</style>
<!--$("btn")是找到class="btn"的信息，直接each循环出div，里面的children()，里面的item，就是你想要的子元素了，（深圳网站建设:=">
jquery获取元素索引值index()方法：
jquery的index()方法
搜索匹配的元素，并返回相应元素的索引值，从0开始计数。
如果不给
index()
方法传递参数，那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置。
如果参数是一组DOM元素或者jQuery对象，那么返回值就是传递的元素相对于原先集合的位置。
如果参数是一个选择器，那么返回值就是原先元素相对于选择器匹配元素中的位置。如果找不到匹配的元素，则返回-1。
复制代码代码如下:
foo
bar
baz
$('li')index(documentgetElementById('bar'));
//1，传递一个DOM对象，返回这个对象在原先集合中的索引位置
$('li')index($('#bar'));
//1，传递一个jQuery对象
$('li')index($('li:gt(0)'));
//1，传递一组jQuery对象，返回这个对象中第一个元素在原先集合中的索引位置
$('#bar')index('li');
//1，传递一个选择器，返回#bar在所有li中的做引位置
$('#bar')index();
//1，不传递参数，返回这个元素在同辈中的索引位置。
jquery获取元素索引值index()示例
复制代码代码如下:
//用于二级或者三级联动
建站素材
jquery特效
懒人主机
前端路上
$("#nav
a")click(function(){
//四个经典的用法
var
index1
=
$("#nav
a")index(this);
var
index2
=
$("#nav
a")index($(this));
var
index3
=
$(this)index()
var
index3
=
$(this)index("a")
alert(index3);
return
false;
});
这个问题包含两个方面：jquery选择器（即针对你指定的那个input元素）和获取内容（即获得输入的值），所以综合起来有如下代码可以实现
$("input#test")val(); // 推荐这种方式，因为id是唯一的
$("input[name='test']")val(); // 此时需要注意是否有同名的input元素
$("input:text")val(); // 这种方式只有整个网页只有一个文本输入框才是正确的
下面给出示例：
创建一个文本框和一个触发获取文本框输入内容的按钮
<input id="test" name="test" type="text"/><br>
<input type="button" value="显示文本框输入内容">
简单设置一下css样式
input[type='text']{width:200px;height:35px;margin:10px;border:1px dashed green; border-radius:5px;}
input[type='button']{width:200px;height:35px;margin:10px;border:2px solid #ebbcbe;}
添加jquery代码
$(function(){
$("input:button")click(function() {
alert($("input#test")val());
});
})
1、比如我们要得到或者获取到这个div元素。
2、我们就可以这样做，使用$("div")，这就是直接通过元素名来获取，注意要加引号哦。
3、或者你可以给元素添加类，如图，我就加了一个bd类。
4、然后我们这样$("bd")也是可以得到div元素的哦，注意类名是需要一个点的哦。
5、此外，id也是一个不错的方法，不过id只能有一个，不能重名哦。
6、jQuery中id要加#号才会有效哦。
7、最后我就整理好jQuery一些比较常用的获取元素的方法。
首先通过jq获得你想要获取的input元素的数组，通过循环将每个input元素的值获取到。将input的值添加到数组。
代码：
123456789101112131415161718192021222324252627282930
//html代码<html> <body> <input type="text" name="ipt" value="1"/> <input type="text" name="ipt" value="2" /> <input type="text" name="ipt" value="3" /> <button onClick="getVal()">点击获得所有的input值</button> </body></html>//js<script type="text/javascript" src="jquery1113minjs" ></script><script type="text/javascript"> //1定义函数 getVal var getVal = function(){ //2通过jq获得input数组 var $inputArr = $('input');//length = 3 //3循环处理input,并定义结果集 var result = []; $inputArreach(function(){ //4将每个input的值放进结果集 resultpush($(this)val()); }); //5打印结果 consolelog(result); }</script>//另外的一种写法也可以实现//var valArr = $('input')map(function(){return $(this)val()})get();//打印获得的值的数组//consolelog(valArr);
1、jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。
2、它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。
3、jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 60+、FF 15+、Safari 20+、Opera 90+等。
以上就是关于jquery怎么获取表单所有的值全部的内容，包括:jquery怎么获取表单所有的值、jQuery怎么获取一个DIV下所有元素的值、jquery中怎么获得特定元素的索引值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）