首页 > 代码库 > jQuery简介
jQuery简介
jQuery简介
1.jQuery库
(1)jQuery是一个JavaScript的函数库;
(2)jQuery库包含以下特性:
1)HTML元素的选取;
2)HTML元素的操作;
3)CSS操作;
4)HTML事件函数;
5)JavaScript特效和动画;
6)HTML DOM的遍历和修改;
7)Ajax;
8)Utilities;
2.添加jQuery库
jQuery库位于一个JavaScript文件中,其中包含了所有的jQuery函数。我们可以通过以下代码把jQuery库添加到页面中去。注意:<script>标签应该位于<head>部分。
<head> <meta charset="UTF-8"> <title>Insert title here</title> <!-- 向页面中添加jQuery库 --> <script type="text/javascript" src="jquery.js"> </script> </head>
3.简单的使用jQuery
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <!-- 使用jQuery的hide()函数 隐藏HTML文档中的<p>元素 --> <!-- 向页面中添加jQuery库 --> <script type="text/javascript" src="jquery.js"> </script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); </script> </head> <body> <p>段落1</p> <p>段落2</p> <p>段落3</p> <p>段落4</p> <button type="button">点我隐藏段落</button> </body> </html>
jQuery简介
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。