jquery如何把这个api返回数据输出到div元素里？ jquery api 中文手册

• 用js或者jquery把数据填充到div里面显示出来
• 如何把jquery 计算出的数值传递到页面
• Jquery如何获得div下的元素
• 如何通过jquery获得div元素的translateY值 / 网络技术编程

用js或者jquery把数据填充到div里面显示出来

假设需要显示的数据是“123”。

显示的div的ID是“aaa”。

JS代码：

var divA = document.getElementById("aaa");

divA.innerHTML = divA.innerHTML+'123';

jQuery代码：

$(document).ready(function(){

$("#aaa").append(" <b>123</b>.");//有标签效果

});

扩展资料：

$(this).val()：获取某个元素节点的value值，相当于$(this).attr("value");

$(this).val(value)：设置某个元素节点的value值，相当于$(this).attr("value",value); 

append() 方法在被选元素的结尾（仍然在内部）插入指定内容。

提示：append() 和 appendTo() 方法执行的任务相同。不同之处在于：内容的位置和选择器。

语法：

$(selector).append(content)

如何把jquery 计算出的数值传递到页面

dataType String

预期服务器返回的数据类型。如果不指定，jQuery 将自动根据 HTTP 包 MIME 信息来智能判断，比如XML

MIME类型就被识别为XML。在1.4中，JSON就会生成一个JavaScript对象，而script则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后，传递给回调函数。可用值:

"xml": 返回 XML 文档，可用 jQuery 处理。

"html": 返回纯文本 HTML 信息；包含的script标签会在插入dom时执行。

"script": 返回纯文本 JavaScript

代码。不会自动缓存结果。除非设置了"cache"参数。'''注意：'''在远程请求时(不在同一个域下)，所有POST请求都将转为GET请求。(因为将使用DOM的script标签来加载)

"json": 返回 JSON 数据 。

"jsonp": JSONP

格式。使用 JSONP

形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。

"text": 返回纯文本字符串

$.ajax({

type:'post',

url:'TextFind.java',

success:function(obj){

$('#div').each(function(e){

$(this).html(obj.xxx);

})

}

})

Jquery如何获得div下的元素

1、比如我们要得到或者获取到这个div元素。

2、我们就可以这样做，使用$("div")，这就是直接通过元素名来获取，注意要加引号哦。

3、或者你可以给元素添加类，如图，我就加了一个bd类。

4、然后我们这样$(".bd")也是可以得到div元素的哦，注意类名是需要一个点的哦。

5、此外，id也是一个不错的方法，不过id只能有一个，不能重名哦。

6、jQuery中id要加#号才会有效哦。

7、最后我就整理好jQuery一些比较常用的获取元素的方法。

如何通过jquery获得div元素的translateY值 / 网络技术编程

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

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

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

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

创建Html元素

设置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()方法获取标签内的内容