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)来代替 $ 符号。