`
piperzero
  • 浏览: 3570284 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

JQuery概况

 
阅读更多

刚看了两集Jquery的视频，对JQuery有了个大概的了解，下面把我了解的总结下：jQuery是一个 JavaScript函数库，可以实现对html的选取和操作，通过操作CSS实现特定的效果，可以通过很少的代码实现很“炫”的效果。jQuery网站有这么一句话“Write less, Do more”，就是通过很少的代码实现很多或是很复杂的效果。

使用jQuery首先要引入jQuery库：

<head>
<script type="text/javascript" src="jquery.js"></script>
</head>

在使用Jquery的过程中，我们可能还要引入别的JS文件，那么一定要记得首先在html页引入JQuery库文件，然后再引入别的JS文件，否则会出现“缺少对象”错误。那天这个小问题着实让我捣鼓了会，后来才发现是引入顺序的问题。

写一个小程序，通过点击button来隐藏段落：

<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中就是通过$进行许多的操作，总结起来包括四种用法：

1、里面包含function方法，则会在页面加载完后调用方法内容

2、如果里面包含的是Dom对象，则会包装成JQuery对象

3、如果里面包含的是Html代码，则会创建dom对象后包装成Jquery对象

4、如果是CSS选择器，则会选择对象，包装成JQuery对象

用一张图能表达$()干的事情：

这是这两天看JQuery的简单总结，就写这么多把。

分享到：
| 11级_Java_曹建波 10.29 Cookie会话管理
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics