需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:indexhtml,并引入jquery。
2、在indexhtml中的<script>标签,输入jquery代码:
$('body')append($('body')children(":first")text());
3、浏览器运行indexhtml页面,此时成功获取到了body元素的第一个子元素并打印了其内容。
通过children方法,children("input:first-child")
1
2
$(this)children("input:first-child")val();
$(this)children("input:last-child")val();
通过>选择器,$("items>input:first")
在这里转一篇《jQuery选择元素的方法大全》>
怎么使用jquery获得标签的值或元素的内容?
jquery提供了三个获得内容的方法, text()、html() 以及 val(),其中前两个可用于解决本问题,$("label#userid")text(); // 首选,获取label的文本,$("label#userid")html(); // 也可以实现,获取label标签内的所有html标记,一般情况改下label标签内就是文本,所以等效上面的方法。
实例演示:
创建Html元素
<div class="box">
<span>点击按钮获取label中内容:</span><br>
<div class="content">
<label id="userid">输入用户名</label><input type="text">
</div>
<input type="button" value="获取label中的内容">
</div>
2设置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;}
3编写jquery代码
$(function(){
$("input:buttonbtn1")click(function() {
alert($("label#userid")text());
});
$("input:buttonbtn2")click(function() {
alert($("label#userid")html());
});
})
化学元素(Chemical element)就是具有相同的核电荷数(即核内质子数)的一类原子的总称,从哲学角度解析,是原子的电子数目发生量变而导致质变的结果。
关于元素的学说,即把元素看成构成自然界中一切实在物体的最简单的组成部分的学说。早在远古就已经产生了,不过,在古代把元素看作是物质的一种具体形式的这种近代观念是不存在的。无论在我国古代的哲学中还是在印度或西方的古代哲学中,都把元素看作是抽象的、原始精神的一种表现形式,或是物质所具有的基本性质。
可以通过很多方式获取:id,name,class等都可以获取
$("#id")attr("自定义属性")
$("input[name="名称"]")attr("自定义属性")
$("class")attr("自定义属性")
模式就是这样的
以上就是关于jquery第一个子节点怎么获得全部的内容,包括:jquery第一个子节点怎么获得、jquery如何获取第一个或最后一个子元素、怎么使用jquery获得标签的值或元素的内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)