jquerylabel的简单介绍

如何用jquery让label在点击后样式发生变化

!DOCTYPE html

创新互联建站2013年开创至今，先为大英等服务建站，大英等地企业，进行企业商务咨询服务。为大英企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

html

head

meta charset="UTF-8"

titleDocument/title

style

.blue {

color: blue;

}

.orange {

color: orange;

}

/style

/head

body

label点我/label

/body

/html

script src=""/script

script

// 这里引用百度 cdn 的jquery，本地有可以直接用本地的

// 页面所有的 label 点击，改变 class 属性为 orange

$('label').on('click', function() {

$(this).attr('class', 'orange');

// 如果你需要是切换样式，点一下变，再点一下变回原来的

// 可以使用 toggleClass

// $(this).toggleClass('orange');

});

/script

jquery怎么给label赋值

你好，如下图：

祝愉快！

变量赋值

变量赋值的格式：

变量名=值

访问变量值

要取用一个变量的值，只需在变量名前面加一个$ 。

( ATTENTION: Don't keep blank between the variable with the equal operator '=' )

举例：

#!/bin/bash

# 对变量赋值：

a="hello world" #等号两边均不能有空格存在

# 打印变量a的值：

echo -e "A is: $a\n"

备注：

1). bash中变量赋值，等号两边均不能有空格存在；

使用自己喜欢的编辑器，输入上述内容，并保存为文件test_hello.bsh，然后执行 chmod +x test_hello.bsh使其具有执行权限，最后输入 ./test_hello或bash test_hello.bsh执行该脚本。

参考资料

编程之给变量赋值的五种方法.个人图书馆[引用时间2018-1-5]

jquery怎么设置lable的值

和其他dom节点操作方式一样，可以通过选择器获取到label节点，然后修改innerHTML

script

$(document).ready(function(){

$('label')[0].innerHTML = 'abcd';//半jquery，半dom方式

$('label')[0].html('abcd');//jquery方式

});

/script

/head

body

label111/label

/body

jquery怎么获取lable标签里面的内容？

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

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

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

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

创建Html元素

div class="box"

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

div class="content"

label id="userid"输入用户名/labelinput type="text"

/div

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

/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;}

h3{display:inline-block;}

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

编写jquery代码

$(function(){

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

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

});

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

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

});

})

观察效果

使用text()方法获取标签内的内容

使用html()方法会获取到标签内的元素（包含Html标记）

JQuery获取Label标签的值

直接获取label对应的input对象就行，因为label会触发其对应的input对象，触发形式有两种，你这里用label将input对象包裹起来的写法是隐式触发，另一种显示触发是为label加上for属性，属性值指向input对象的id，无论采取哪种方法，label标签的点击事件都会传递到input对象上，所以这里可以这样获取：

// 点击触发，获取当前点击那个值就行

$('.btn-group.btn-overlap.btn-corner').find(':radio').click(function() {

console.log($(this).val());

})

// 直接获取，获取哪个选中

var rdovalue = $('.btn-group.btn-overlap.btn-corner').find(':radio:checked').val();

console.log(rdovalue);