您的位置：首页 > Web前端 > JQuery

jQuery —— javascript 的框架

2020-07-14 06:15 435 查看

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）来代替 $ 符号。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航