jquery根据name值获取元素

UI：

<input type="button" name="btnTest" id="btnTest1"/>

<input type="button" name="btnTest" id="btnTest2"/>

Script:

//获取name='btnTest'的数量

var num = $("input[name='btnTest']")length;

一般而言，JQuery可以利用attr来获取元素的属性值，

1、$("元素")attr("属性");                //获取指定属性的值

2、$("元素")attr("属性","属性值");//设置属性值

3、$("元素")removeAttr("属性");  //移除指定属性

不过在16中加入了prop，用法同attr相同。只是将上面中attr替换成prop即可,不过在获取checked等属性时，将会返回标准属性true/false，不会和之前的attr一样，返回checked或者“”。

而JQuery中获取类名的属性为class亦可以为className，因为在HTML DOM中没有class属性，而是className属性。在JQuery中，有对className作出关键字的转换。

扩展资料：

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

参考资料：

如果是div id=“a”和里面的input 是动态生成的，你的点击事件有问题，动态元素不能这样绑定事件

//给input绑定点击事件

$(document)on('click','input[type="radio"]',function(){

var _this = $(this);获取当前点击的input，

_thisprop("checked",true);//给当前设置选中状态

});

这样地div id="a"里面生成再多的input都可以绑定事件

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

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

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

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

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

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

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

$("#id")val() 根据id取值

$("input")val() 如果只有一个input可以这么取

$(":text")val() 如果只有一个text可以这么取

$("#btnAdd")click(function(){

    $("<span/>")appendTo("#addTagDiv")html($("#textAdd")val())addClass("spanTag")click(function(){

    //这里面的this就是当前这个span的dom元素

    //$(this)就是当前span的jquery对象，你可以对他们进行任何 *** 作

    //比如现在我就移除当前这个span

    $(this)remove();

})

});

//最后整个代码的意思就是一个ID为btnAdd的元素单击时则追加一个span元素到ID为addTagDiv的元素内，该span的html为一个ID叫textAdd元素的value属性值。然后单击任何一个新增的span元素将会把这个span移除掉

//代码没有测试，如有问题请继续追问

这个问题包含两个方面：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());

});

})

$('tr')click(function(){

$(this)find('input')each(function(){

alert($(this)val());

});

});

以上就是关于jquery根据name值获取元素全部的内容，包括:jquery根据name值获取元素、jquery获取当前元素的classname、JQuery中怎么得到this中的某个元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！