jquery通过name获取元素（jquery根据name属性获取value）

本篇文章给大家谈谈jquery通过name获取元素，以及jquery根据name属性获取value对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、jQuery,根据name获取多个input表单的值
• 2、jquery 根据name获取元素的问题
• 3、jquery 怎样取 input的name值
• 4、jQuery如何实现点击页面获得当前点击元素的id或其他信息

jQuery,根据name获取多个input表单的值

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

[img]

jquery 根据name获取元素的问题

jQuery没有那么选择器，但是可以通过 jQuery [attribute=value] 选择器实现根据name筛选的效果。

定义和用法

[attribute=value] 选择器仿枣选取每个带有指定属性和值的元素。可以选取带有任何属性的元素（对于指定的属性没有限制）。

语法：$("[attribute=value]")

参数：

attribute    

必需。行大斗规定要查找的属性。

value    

必需。规定要查找的值。

实例

//查找所有name="on"的标签

$("[name=one]")

[attribute]选择器还档磨有更多用法，例如：

$("[href]")    //所有带有 href 属性的元素    

$("[href='#']")    //所有 href 属性的值等于 "#" 的元素    

$("[href!='#']")    //所有 href 属性的值不等于 "#" 的元素    

$("[href$='.jpg']")    //所有 href 属性的值包含以 ".jpg" 结尾的元素  

//更多[attribute]选择器的用法可以查看jQuery的api

jquery 怎样取 input的name值

jquery根据name属性查找：

$("div[id]") 选择所有含有id属性的div元素；

$("input[name='keleyicom']") 选择所有的name属性等于'keleyicom'的input元素；

$("input[name!='keleyicom']") 选择所有的name属性不等于'keleyicom'的input元素；

$("input[name^='keleyi']") 选择所有岩陪虚的name属性以'keleyi'开头的input元素；乱液

$("input[name$='keleyi']") 选择所有的name属性以'keleyi'结尾的input元素；

$("input[name*='keleyi']") 选择所有的name属性包含'keleyi'的input元素；

$("input[id][name$='keleyi']") 可以使用多个属性进行联合选择，该选择器是得到所有的含有id属性并且那么属性以keleyi结尾的元素。

扩展资料

jquery给input赋值，val的三种用法：

val()方法

定义和用法

val() 方法返回或设置被选元素的值。

元素的值是通过 value 属性设置的。该方法大多用于 input 元素。

如果该方法未设置参数，则返回被选元素的当前值。

input type="text" class="input1"

$('.input1').val('value567'); // 用法1 给input赋值value567

$('.input1').val('粗燃'); // 用法2 给input清空

$('.input1').val('');  //  用法3 返回val的值

jQuery如何实现点击页面获得当前点击元素的id或其他信息

如下代码可以实现点击页面获得被点击元素的id

$(document).click(function(e) { // 在页面任意位置点击而触发此事信瞎宴件

  $(e.target).attr("id");       // e.target表示被点击的目标

})

示例代码如下

创建Html元素

div class="box"

span点击页面后，设置被点击元素背景色并获取其id：/spanbr

div class="content" id = "test"神模test

div id = "test1"test1

div id = "test2"test2

div id = "test3"test3/div

/div

/div

/div

/div

设置css样式

div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

div.box span{color:#999;font-style:italic;}

div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

div.content div{min-width:20px;min-height:20px;padding:30px;border:1px solid #446699;background:#ffffff;}

.bg{background:#ff99cc !important;}

编写jquery代码

$(function(){

$(document).click(function (e) {

$(e.target).addClass('bg');     // 设置背景滑银色

alert($(e.target).attr('id'));  // 获取id

})

})

观察效果

初始状态

点击id为test2的div

关于jquery通过name获取元素和jquery根据name属性获取value的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。