如何获取data-name属性

name是input标签的属性值，jQuery提供了attr() 方法用于设置/改变属性值

1

2

$("input:text")attr("name");

$("input:text")prop("name"); // 也可以使用prop()方法获取属性

示例代码如下

创建Html元素

1

2

3

4

5

6

7

<div class="box">

<span>点击按钮获取文本框的name属性值：</span>

<div class="content">

<input type="text" name="test" value="这个文本框的name属性值为test">

</div>

<input type="button" class="btn" value="获取文本框name值">

</div>

设置css样式

1

2

3

4

5

divbox{width:300px;height:250px;padding:10px 20px;margin:20px;border:4px dashed #ccc;}

divbox>span{color:#999;font-style:italic;}

divcontent{width:250px;height:100px;margin:10px 0;padding:5px 20px;border:2px solid #ff6666;}

input[type='text']{width:200px;height:30px;border:none;}

input[type='button']{width:120px;height:30px;margin:10px;border:2px solid #ebbcbe;}

编写jquery代码

1

2

3

4

5

$(function(){

$("input:button")click(function() {

alert($("input:text")attr("name"));

});

})

jquery选择li中data-id为1的元素是：

$("li[data-id='1']")。

网页链接

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

$("perDate_con div")each(function(){

alert($(this)attr("data-id"));

});

循环d出 data-id 的值

我说在那里听过data-id 这个东西，原来是HTML5啊

以上就是关于如何获取data-name属性全部的内容，包括:如何获取data-name属性、jquery选择li中data-id为1的元素、求各位jquery帮个忙，取一下div中data_id的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！