怎么使用jquery获得标签的值或元素的内容

怎么使用jquery获得标签的值或元素的内容,第1张

怎么使用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)就是具有相同的核电荷数(即核内质子数)的一类原子的总称,从哲学角度解析,是原子的电子数目发生量变而导致质变的结果。

关于元素的学说,即把元素看成构成自然界中一切实在物体的最简单的组成部分的学说。早在远古就已经产生了,不过,在古代把元素看作是物质的一种具体形式的这种近代观念是不存在的。无论在我国古代的哲学中还是在印度或西方的古代哲学中,都把元素看作是抽象的、原始精神的一种表现形式,或是物质所具有的基本性质。

在jQuery中,想获取HTML代码的方法如下:

$(selected)html();

在JavaScript中,想获取HTML代码方法如下:

documentgetElementById(selected)outerHTML;

用jquery查询html元素是利用jquery的选择器实现的。

几点说明:

jQuery 选择器允许程序员对 HTML 元素组或单个元素进行 *** 作。

jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。

jQuery 中所有选择器都以美元符号开头:$()。

举例:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>关于jquery的选择器</title>

<script src="/jquery/200/jqueryminjs">

</script>

<script>

$(document)ready(function(){

$("button")click(function(){

  $("p")hide();

});

});

</script>

</head>

<body>

<h2>这是一个标题</h2>

<p>这是一个段落。</p>

<p>这是另一个段落。</p>

<button>点我</button>

</body>

</html>

运行结果:

1、显示一个button和两段文字:

2、点击button后段落消失

<!DOCTYPE HTML>

<html>

<head>

<title>yugi</title>

<meta charset=UTF-8 />

<style type="text/css">

</style>

<script type="text/javascript" src="jquery-180minjs"></script>

<script type="text/javascript">

jQuery (function ($)

    {

    var array = $parseHTML ($ ("body")html ());

    $ (array)each (function (i, dom)

    {

    consolelog ($ (this)text ());

    })

    })

</script>

</head>

<body>

content:

<p style="color: red;">文本测试</p>

</body>

</html>

用jquery的ajax类似的请求就可以了:比如:

$get("testphp", function(data){

alert("Data Loaded: " + data);

//拿到data以后就直接插入到指定的div里面,加入div id为tag

那么写法为$("#tag")append(data);

});

以上就是关于怎么使用jquery获得标签的值或元素的内容全部的内容,包括:怎么使用jquery获得标签的值或元素的内容、Jquery(JS)如何获取当前节点的HTML代码、怎么用jquery查询html元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9484983.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存