园龄：4年3个月粉丝：1 关注：2

JQuery

它是一款Javascript框架，主要依赖于对页面元素的绑定，然后针对绑定的控件设计相应的行为。
对于按钮我们进行相应的绑定，然后让他产生一些行为：
下述的代码首先在文档加载完成时执行ready(),绑定id为btn1的按钮，当其被点击时，执行alert(),在alert中定位到id为test的组件，text()获取它的内容显示到弹出框当中。

$("#document").ready(function(){
    $("#btn1").click(function(){
        alert("Text is:"+$("#test").text());
    });
});

也可以使用该框架创建页面元素

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta charset="utf-8">
<script src="https://cdn.staticfile.net/jquery/1.10.2/jquery.min.js">
</script>
<script>
function appendText(){
	var txt1="<p>文本-1。</p>";              // 使用 HTML 标签创建文本
	var txt2=$("<p></p>").text("文本-2。");  // 使用 jQuery 创建文本
	var txt3=document.createElement("p");
	txt3.innerHTML="文本-3。";               // 使用 DOM 创建文本 text with DOM
	$("body").append(txt1,txt2,txt3);        // 追加新元素
}
</script>
</head>
<body>

<p>这是一个段落。</p>
<button onclick="appendText()">追加文本</button>

</body>
</html>