jQuery如何获取指定的属性值

在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+等。

1、新建一个html文件，命名为testhtml，用于讲解。

2、在testhtml文件内，在p标签内，使用a标签创建一个链接，同时设置id为mylink，主要用于下面通过该id获得a对象。

3、在testhtml文件内，给a标签添加title属性，属性值为“这是测试的链接”。

4、在testhtml文件内，使用button标签创建一个按钮，按钮名称为“获得title内容”。

5、在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getitle（）函数。

6、在js标签内，创建getitle()函数，在函数内，通过id(mylink)获得a对象，使用attr()方法获得title属性值，即title的内容，最后，使用alert()方法将获得的内容输出。

7、在浏览器打开testhtml文件，点击按钮，查看实现的效果。

通过写一个代码就可以了。

jquery中a标签获取href的值代码如下：

<br data-filtered="filtered">

</script><br data-filtered="filtered">

<br data-filtered="filtered">

<br data-filtered="filtered">

<a href="baiducom/{vid}" id="cns" onclick="cc()">首页</a><br data-filtered="filtered">

<a href="baiducom/{vid}" id="cns" onclick="cc()">张三</a><br data-filtered="filtered">

<a href="baiducom/{vid}" id="cns" onclick="cc()">王五</a><br data-filtered="filtered">

<a href="baiducom/{vid}" id="cns" onclick="cc()">李四</a><br data-filtered="filtered">

<br data-filtered="filtered">

<br data-filtered="filtered">

<br data-filtered="filtered">

jQuery是一套跨浏览器的JavaScript库，简化HTML与JavaScript之间的 *** 作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中，有59%使用了jQuery，是目前最受欢迎的JavaScript库。

如果是文本框或者文本域的话，用val();如

<input type="text" class="textBox" />

<textarea></textarea>

JQ:

var a = $("textBox")val(); //获取文本框的值

var b = $("textarea")val(); //获取文本域的值

如果是a、p、div等其他非表单元素标签的话，直接用html()；如

<p>p标签内容</p>

JQ：

var c = $("p")html(); //获取p标签的内容

这个问题包含两个方面：

1、jquery选择器（即针对你指定的那个input元素）

2、获取内容（即获得输入的值），所以综合起来有如下代码可以实现

具体 *** 作如下：

1、创建一个文本框和一个触发获取文本框输入内容的按钮

2、简单设置一下css样式

3、添加jquery代码

扩展资料

js获取文本框值

1通过getElementById() 方法获得，必须为文本框设定ID值，该方法获得的是一个对象的应用(返回值为:Object)，要获得文本框的值需添加属性值--value,如:

<input type="text" size="10" id="port11" name="port11" />

获值代码：documentgetElementById("port11")value;

2、要获得标签<h1>中间的值，方法如下：

<h1 id="you">12345</h1>

documentgetElementById("you")innerHTML;

返回值为：12345

3、如果是表单(<form>)中的文本框，还可以通过以下方式获得值:

<form name="form1" method="post" action="managerdoaction=login">

<tr><td >会员编号：</td>

<td ><input name="memberNo" type="text" id="memberNo" size="21" ></td>

<td ><input name="Submit" type="submit" value="确定" onClick="return check(form1)"

</tr>

</form>

js中的代码：function check(form){var str = formmemberNovalue;}

百度百科-jQuery

<input id='myinputid' class='myinputclass' type='text' value='123'/>

1

2

var value = $('#myinputid')val();

var value = $('myinputclass')val();

上面两种方法随你选择，第一个是通过id（绝对唯一），第二个是通过类（不一定唯一，因为一个页面class可以重复出现，只有一个的情况下，这种方法可以用），总是，jquery需要一个充当筛选器的参数筛选你需要的dom，上面的用法和 input 什么的没有关系，是通用的取法，

要选择页面的input type=text的话用：

1

var objects = $('input[type="text"]')

这个返回的是一个数组，包含页面的所有的输入文本框，并不能取到某一个值

代码如下:

var btn = jQuery('btn')val();

获取的只是第一个类标签为btn的html元素的value值。

要获得一组类标签的所有html元素的值。就得使用jQuery的each遍历。

代码如下:

var btns = new Array(); //或者写成：var btns= [];

jQuery('btn')each(function(key,value){

btns[key] = $(this)val();

//或者也可以这么写：

// btns[key] = $(value)val();

});

以上就是关于jQuery如何获取指定的属性值全部的内容，包括:jQuery如何获取指定的属性值、jquery如何获得a标签内title中部分内容、jquery中a标签里面怎么获取href的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！