13518219792
!DOCTYPE html
创新互联建站2013年开创至今，先为大英等服务建站，大英等地企业，进行企业商务咨询服务。为大英企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
html
head
meta charset="UTF-8"
titleDocument/title
style
.blue {
color: blue;
}
.orange {
color: orange;
}
/style
/head
body
label点我/label
label点我/label
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
你好，如下图：
祝愉快！
变量赋值
变量赋值的格式：
变量名=值
访问变量值
要取用一个变量的值，只需在变量名前面加一个$ 。
( 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]
和其他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提供了三个获得内容的方法： 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标记）
直接获取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);
