jquery如何读取节点的html，jq获取节点属性

Jquery(JS)如何获取当前节点的HTML代码

在jQuery中，想获取HTML代码的方法如下：

$(selected).html();

在JavaScript中，想获取HTML代码方法如下：

document.getElementById(selected).outerHTML;

相关问答

Q1: 怎样用jQuery自带方法/函数来获取outerHTML属性

什么是outerHTML

outerHTML，中文意为图例分析，用于获取元素内的html内容和文本。

与JQ的$().html()所不同的是，jQuery.html() 是获取当前节点下的html代码，并不包含当前节点本身的代码。而outerHTML则包含本身的代码

例HTML：

p id="testid"span这是一段Html代码/span/p

它的html()为：

span这是一段Html代码/span

而有时候回需要包含当前节点的代码，所以就用到了outerHTML，也就是

p id="testid"span这是一段Html代码/span/p

如何使用jQuery获取outerHTML

原生的JS Dom中有一个内置属性叫做：outerHTML (注意大小写敏感)获取包含当前节点的HTML代码。所以可以用JQ中的prop()获取，以上文代码为例

$('#testid').prop("outerHTML")

完整代码示例

script src="

p id="testid"span这是一段Html代码/span/p

script type="text/javascript"

console.log("节点内的HTML代码\n"+$('#testid').html());

console.log("包含节点的HTML代码\n"+$('#testid').prop("outerHTML"));

/script

Q2: jquery或js如何获取指定url的HTML？

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

$.get("test.php", function(data){

alert("Data Loaded: " + data);

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

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

});

Q3: 怎么用jquery查询html元素

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

几点说明：

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

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

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

举例：

!DOCTYPE html

html

head

meta charset="utf-8"

title关于jquery的选择器/title

script src="./jquery/2.0.0/jquery.min.js"

/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后段落消失

Q4: jquery怎么获取get来的HTML元素

get是指什么？如果是document.getElementBy....方法的话，可以用下面的方法获取

$(document.getElementById("test"))

在你get来的HTML元素外面包上$()

比如：var el=document.getElementsByName("test");

$(el)就可以获取该HTML的jquery对象

Q5: Jquery 如何获取站点内指定静态页面的Html代码?

根据你在源码看到的结构

例如目标元素是 div class="abc" .. /div 的内容的话

在 script 里先把 DOM ready 好，写法如下

script

$(document).ready(function() {

// 在 ready 好的 function 里把 HTML 获取，目标是 div class="abc"

var myhtml = $('div.abc').html();

// 可以 alert 出来看

alert(myhtml);

});

关于jquery如何读取节点的html和jq获取节点属性的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。