jQuery如何获取指定的属性值

jQuery如何获取指定的属性值,第1张

在jQuery输入元素表达式属性名即可得到。

如:

1$("#textId")attr("width")是获取Id为textId的控件的width属性。

2$("className")attr("width")是获取包含class名为className的控件的width属性。

3$("[name=textName]")attr("width")是获取name为textName的控件的width属性。

但要注意,jquery取到的可能是一个数组,如果确定属性为同一值,则没问题,否则应该循环取得控件,再取属性值。如:$("#textId")[0]width是取第一个控件的width属性。但也有写属性用attr取不到,也需要用角标的方式取得控件后再取属性。

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 60+、FF 15+、Safari 20+、Opera 90+等。

你说的是这样么?<input name="name">  。

如果是的话:  jquery("input[name='name']")val();

但是一般不建议这么用, 这么用大多是用来控制样式,而不是取值,取值这个都需要精确控制,所以设置个ID, 指定获取更好

比如:

html代码:<input type="text" name="text1" id="input1" value="abc" />。

jq代码:&#36;("input")val();//会获取所有input元素的值,如果只有一个,就显示这一个。

&#36;(":text")val();//会获取所有input中类型为text的值;

&#36;("[name=='text1']")val();//会获取所有name为text1的值;

&#36;("#input1")val();//会获取id为input1的值,id在html中只能有一个。

如果要设置这个元素的值,就只需把val()中写上要设置的值就可以如:&#36;("input")val("123");//看一下效果

1、根据name取值:

<input name="inp" type="text" value="aaa">

<input name="inp" type="text" value="bbb">

<input name="inp" type="text" value="ccc">

$("input[name='inp']")val()

2、根据name取值遍历:

<input name="inp" type="text" value="aaa">

<input name="inp" type="text" value="bbb">

<input name="inp" type="text" value="ccc">

$("input[name='inp']")each(function(){alert($(this)val());})

扩展资料:

取出form中的input:

<script type="text/javascript" language="JavaScript" charset="UTF-8">

$(document)ready(function(){

var a=$("form input");

$each(

a,

function(name,object){

alert(name+":"+$(object)val());

}

);

});

</script>

以上就是关于jQuery如何获取指定的属性值全部的内容,包括:jQuery如何获取指定的属性值、用jquery怎样获取input标签中name值、jQuery,根据name获取多个input表单的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/10040373.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-04
下一篇2023-05-04

发表评论

登录后才能评论

评论列表(0条)

    保存