大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
需要准备的材料分别有:电脑、html编辑器、浏览器。
成都创新互联公司专业为企业提供振安网站建设、振安做网站、振安网站设计、振安网站制作等企业网站建设、网页设计与制作、振安企业网站模板建站服务,10余年振安做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script标签,输入jquery代码:
$('body').append($('.top1div span').attr('id'));
3、浏览器运行index.html页面,此时成功获取到了top1div类中span标签的id并打印了出来。
[img]直接获取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);
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编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script标签,输入jquery代码:$('body').append($('a').attr('id'));。
3、浏览器运行index.html页面,此时成功获取到了a标签的id值。
可以先使用jQuery选择器将p标签选中,然后用html()函数修改p标签内容。
1、新建html文档,在body标签中添加一个p标签,标签的id设为“demo”并添加一段文字,然后引入jQuery:
2、添加script标签,使用jQuery选择器$("#demo")将p标签获取,其中#标签选择的类型是id,demo指的是需要获取标签的id,这时网页中的p标签就会被选中:
3、使用html()函数,html()函数在原生js中指的是innerHTML,表示修改内容,这时在html()函数中填写需要修改后的文本即可:
jquery获取html文件的某个标签的值可以先用选择器,再调用val方法:
1、html代码如下:
div id ="sa"
div class="something"Hello world/div
div class="formdiv"
form name="inpForm"
input type="text" name="FirstName" /
input type="submit" value="Submit" /
/form
/div
/div
2、用jquery选择器获取标签的值:
var text = $('#sa').find('input[name="FirstName"]').val();
3、获取到FirstName的值:
zhangsan