29. JavaScript - 测试 jQuery
来源:互联网 发布:html js 视频教程下载 编辑:程序博客网 时间:2024/05/18 02:09
测试 JavaScript 框架库 - jQuery
引用 jQuery
如需测试 JavaScript 库,您需要在网页中引用它。
为了引用某个库,请使用 < script> 标签,其 src 属性设置为库的 URL:
引用 jQuery
<!DOCTYPE html><html><head><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script></head><body></body></html>
jQuery 描述
主要的 jQuery 函数是 $() 函数(jQuery 函数)。如果您向该函数传递 DOM 对象,它会返回 jQuery 对象,带有向其添加的 jQuery 功能。
jQuery 允许您通过 CSS 选择器来选取元素。
在 JavaScript 中,您可以分配一个函数以处理窗口加载事件:
JavaScript 方式:
function myFunction(){var obj=document.getElementById("h01");obj.innerHTML="Hello jQuery";}onload=myFunction;
等价的 jQuery 是不同的:
jQuery 方式:
function myFunction(){$("#h01").html("Hello jQuery");}$(document).ready(myFunction);
上面代码的最后一行,HTML DOM 文档对象被传递到 jQuery :$(document)。
当您向 jQuery 传递 DOM 对象时,jQuery 会返回以 HTML DOM 对象包装的 jQuery 对象。
jQuery 函数会返回新的 jQuery 对象,其中的 ready() 是一个方法。
由于在 JavaScript 中函数就是变量,因此可以把 myFunction 作为变量传递给 jQuery 的 ready 方法。
提示:jQuery 返回 jQuery 对象,与已传递的 DOM 对象不同。jQuery 对象拥有的属性和方法,与 DOM 对象的不同。您不能在 jQuery 对象上使用 HTML DOM 的属性和方法。
测试 jQuery
例子 1
请试一下下面这个例子:
<!DOCTYPE html><html><head><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script>function myFunction(){$("#h01").html("Hello jQuery")}$(document).ready(myFunction);</script></head><body><h1 id="h01"></h1></body></html>
例子 2
请再试一下这个例子:
<!DOCTYPE html><html><head><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script>function myFunction(){$("#h01").attr("style","color:red").html("Hello jQuery")}$(document).ready(myFunction);</script></head><body><h1 id="h01"></h1></body></html>
正如您在上面的例子中看到的,jQuery 允许链接(链式语法)。
链接(Chaining)是一种在同一对象上执行多个任务的便捷方法。
- 29. JavaScript - 测试 jQuery
- JavaScript - 测试 jQuery
- javascript 测试 jQuery
- jQuery - 参考资料 - JavaScript性能测试
- jquery 团队的 javascript 测试工具 qunit
- jQuery测试
- JQUERY测试
- JavaScript-JQuery
- javascript jquery
- javascript jQuery
- JavaScript&jQuery
- JavaScript&&jQuery
- JavaScript$jQuery
- JavaScript+Jquery
- JavaScript ----JQuery
- JavaScript Jquery
- JavaScript测试
- JavaScript测试
- 如何在eclipse中导入两个相同的工程
- 转载_蓝牙协议栈架构
- jQuery只网站品牌列表的效果
- SGU167
- hdu4506 小明系列故事——师兄帮帮忙 解题报告
- 29. JavaScript - 测试 jQuery
- (一)JM代码学习笔记一NAL单元的相关代码
- 数据请求之前判断是否有网
- python generator
- 常用加密算法
- Android滑动删除ListView
- 常用 Git 开发模型
- 单例模式
- 天使之城的美,洛杉矶