
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:indexhtml,并引入jquery。
2、在indexhtml中的<script>标签,输入jquery代码:
$('body')append($('div')text());
$('body')append($('input')val());
3、浏览器运行indexhtml页面,此时通过jquery获取到了div元素中的内容和input标签的值。
1、新建html文档,在body标签中添加p标签,然后在head标签中引入jQuery文件:
2、在body标签中添加script标签,用jQuery选择器获取p标签,然后用html方法获取标签里面的内容并将结果输出:
3、用浏览器打开html文档,打开浏览器的控制台,可以看到标签中的内容已经被获取到了:
用jQuery的html方法可以获得某个元素中的内容 ,如果元素是html标签,则可以获得页面的全部内容:例如:
$(document)ready(function(){
var html_str=$("html")html();
alert(html_str);
});
上面代码可以获得页面的全部内容。(当然要先导入jQuery)
我遇到这种情况的话会使用一种服务器端的语言,比如PHP或ASP,就不用那么麻烦用JS解析URL了。
比如选择PHP,用aphp代替ahtm,这样就可以在PHP代码中用$_GET['url']来获取"aphpurl=bhtm"中的这个"bhtm"。
如果有某种原因让你必须使用HTML的话……那我就没辙了。
取得table中的input:
$('table input')
取得table中第一个input:
$('table input:eq(0)')
取得table中第一个input的value:
$('table input:eq(0)')val()
遍历table中的所有input,d出value:
$('table input')each(function(){
alert($(this)val());
});
var html = $("div ulabc")prop("outerHTML");
css:
div ulabc {
color:red;
}
<!DOCTYPE html>
<html>
<head>
<style>
body{ font-size: 12px; font-family: Arial; }
</style>
<script src="
</head>
<body>
<b>Footer navigation:</b>
<ol id="new-nav"></ol>
<script>
$("#new-nav")load("ajax/testhtml #container");
</script>
</body>
</html>
可以用jquery里面的load方法,上面的例子是在ajax/目录下找到testhtml文件,把里面id为#container的div加载到该页面div为#new-nav的盒子!
以上就是关于怎么使用jquery获得标签的值或元素的内容全部的内容,包括:怎么使用jquery获得标签的值或元素的内容、jquery中 怎样获得h1标签中的内容、怎么通过js或者jquery获取一个页面里面的内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)