jquery怎么取class的值

jquery可以用attr函数来获取class的值。

1、新建html文档，在head标签中引入jquery的js文件或者cdn链接：

2、在body标签中添加一个div标签，设置div的“id”为“test”，设置div的类名“class”为“demo”：

3、添加代码“$('#test')attr('class')”，其中“$('#test')”指的是根据id“test”选择这个div，“attr('class')”指的是使用“attr”函数获取类名“class”的值：

$("div")children()//获取子元素

$("div")find()//获取后代中匹配元素

$("div")val()//获取元素值

/根据需求可连贯 *** 作/

jquery提供了三个获得内容的方法： text()、html() 以及 val()，其中前两个可用于解决本问题：

$("label#userid")text(); // 首选，获取label的文本

$("label#userid")html(); // 也可以实现，获取label标签内的所有html标记，一般情况改下label标签内就是文本，所以等效上面的方法

下面给出实例演示：分别使用以上两种方法获取label标签的内容，注意最终结果的区别

创建Html元素

<div class="box">

<span>点击按钮获取label中内容：</span>

<div class="content">

<label id="userid">输入用户名</label><input type="text">

</div>

<input type="button" value="获取label中的内容">

</div>

设置css样式

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

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

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

h3{display:inline-block;}

input[type='button']{height:30px;margin:10px;padding:5px 10px;}

编写jquery代码

$(function(){

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

alert($("label#userid")text());

});

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

alert($("label#userid")html());

});

})

你这个a不是在span里面吗，在绑定的事件里直接使用 $(this)parent()就可以获取到包裹它的span了。append之后，就会生成以下dom结构，然后在事件绑定取父元素就好了。

片段1

<span data-musicicon="name1" class="music-icon-hook"><a href="#" title="播放" data-action="play" class="list-micon icon-play"></a></span>

<!-- more -->

<span data-musicicon="name10" class="music-icon-hook"><a href="#" title="播放" data-action="play" class="list-micon icon-play"></a></span>

<script>

代码

<div id="div1"></div>

<script>

$(function(){

// 模拟的数据。

var musicList=[{MusicName:'name1'},{MusicName:'name2'},{MusicName:'name3'},{MusicName:'name4'},{MusicName:'name5'},{MusicName:'name6'},{MusicName:'name7'},{MusicName:'name8'},{MusicName:'name9'},{MusicName:'name10'}];

// 以下代码会生成 片段1 的dom

for (i = 0; i < musicListlength; i++) {

$("#div1")append('<span data-musicicon="'+musicList[i]MusicName +'" class="music-icon-hook"> <a href="#" title="播放" data-action="play" class="list-micon icon-play"> play </a></span>');

}

$('list-micon')each(function(index){

$(this)click(function(){

var span=$(this)parent(); // 获取到a的父元素，即包含它的那个span

alert(spanattr('data-musicicon'));

// 可以对span进行 *** 作了

});

});

});

</script>

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

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库。

<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可以这么取

以上就是关于jquery怎么取class的值全部的内容，包括:jquery怎么取class的值、jQuery怎样获取标签子元素的值、jquery怎么获取lable标签里面的内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！