1、在我们的电脑上打开软件，新建一个html页面。
2、在html页面创建一个id为xx，值为666的文本框，通过var v=document.getElementById('xx').value原生js方法来获取文本框的值。
3、在script中加上alert(v)，来d框查看原生js方法是否根据id获取元素的值了。
4、在浏览器中运行项目，可以看到页面d框的值是id为xx的元素的值，已经成功通过原生js方法根据id获取元素。
5、jquery方法需要先添加jquery.js,然后通过var w = $('#xx').val()来获取元素的值。
6、运行项目，在浏览器中可以看到与原生js方法获得元素的值相同。
在JS中插入短的HTML代码，可以通过先使用一个函数来包着，你要添加的HTMl代码，然后在使用innerHTML这个函数提取就行，在你的HTMl中添加一个事件就行，然后调用这个函数就行了，具体的我提供例子给你看下：<html>
<head>
<script>
function
insert(){
var
insertText
=
"<table><tr><td>any
thing</td></tr></table>"
document.getElementById("insert").innerHTML(insertText)
}
</script>
</head>
<body>
<button
onclick="insert()">Insert</button>
<div
id="insert"></div>
</body>
</html>
var table_head = $("#head_table").html()
var strBodyStyle = "<style>table { border: 1 solid #000000border-collapse:collapsefont-size:12px }</style>"
var strFormHtml = document.getElementById("div1")
strFormHtml.append(table_head)
strFormHtml += strBodyStyle
扩展资料：
jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素。 它基于已经存在的CSS 选择器，除此之外，它还有一些自定义的选择器。
jQuery 中所有选择器都以美元符号开头：$()。
元素选择器
jQuery 元素选择器基于元素名选取元素。
1$("p")在页面中选取所有 <p>元素
id 选择器
jQuery #id 选择器通过 HTML 元素的 id 属性选取指定的元素。
页面中元素的 id 应该是唯一的，所以您要在页面中选取唯一的元素需要通过 #id 选择器。
通过 id 选取元素语法如下：
1$("#test")class 选择器
jQuery 类选择器可以通过指定的 class 查找元素。
语法如下：
1$(".test")欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）