jQuery
官网
w3school
一个快速、简洁的 JavaScript 框架,简化 js 的开发。封装 JavaScript 常用的功能代码,提供一种简便的 JavaScript 设计模式,使 HTML 文档遍历和操作、事件处理、动画设计和 Ajax 交互更加简单。
jQuery 库位于一个 JavaScript 文件中,其中包含了所有的 jQuery 函数。通过下面的标记把 jQuery 添加到网页中:
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>
jQuery 简单示例,使用jQuery 的 hide() 函数,隐藏了 HTML 文档中所有的 <p> 元素。
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>
</body>
</html>
为了防止文档在完全加载(就绪)之前运行 jQuery 代码,使用 $(document).ready()。
jQuery 基础语法:$(selector).action()
美元符号定义 jQuery
选择符(selector)“查询”和“查找” HTML 元素
jQuery 的 action() 执行对元素的操作
三步走:表示这是一个 jQuery 语句,选择对象,操作对象。
jQuery 使用 $ 符号作为 jQuery 的简介方式。可能与其他某些 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号冲突,为了避免冲突,jQuery 使用名为 noConflict() 的方法来修改该符号。
var jq = jQuery.noConflict(),// 使用自定义名称(比如 jq)来代替 $ 符号。