JavaScript 库

最新推荐文章于 2023-01-10 13:56:41 发布

温海深

最新推荐文章于 2023-01-10 13:56:41 发布

阅读量104

点赞数

分类专栏： JavaScript笔记文章标签： JavaScript笔记 JavaScript 库

本文链接：https://blog.csdn.net/weixin_36217005/article/details/80216059

版权

6 篇文章 0 订阅

订阅专栏

JavaScript 库 - jQuery、Prototype、MooTools。

<!DOCTYPE html>
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">
</script>
</head>
<body>
</body>
</html>

function myFunction()
{
    $("#h01").html("Hello jQuery");
}
$(document).ready(myFunction);

向该函数传递 DOM 对象，它会返回 jQuery 对象，带有向其添加的 jQuery 功能。

jQuery 允许您通过 CSS 选择器来选取元素。

jQuery 返回 jQuery 对象，与已传递的 DOM 对象不同。
jQuery 对象拥有的属性和方法，与 DOM 对象的不同。

您不能在 jQuery 对象上使用 HTML DOM 的属性和方法。

<!DOCTYPE html>
<html>
<head>
<script
src="http://apps.bdimg.com/libs/prototype/1.7.1.0/prototype.js">
</script>
</head>
<body>
</body>
</html>

Prototype 提供的函数可使 HTML DOM 编程更容易。

与 jQuery 类似，Prototype 也有自己的 $() 函数。

$() 函数接受 HTML DOM 元素的 id 值（或 DOM 元素），并会向 DOM 对象添加新的功能。

与 jQuery 不同，Prototype 没有用以取代 window.onload() 的 ready() 方法。相反，Prototype 会向浏览器及 HTML DOM 添加扩展。

function myFunction()
{
$("h01").insert("Hello Prototype!");
}
Event.observe(window,"load",myFunction);

Event.observe() 接受三个参数：

关注