目 录
1.jQuery的介绍和在线学习网址以及下载网址
2.jQuery的功能和优势
3.引用jQuery库和第一个案例
4.jQuery代码格式和注释
5.jQuery如何达到获取原生的DOM对象
6.jQuery选择器(CSS对比版)
(1)常见选择器
(2)高级选择器以及方法
(3)属性选择器
(4)过滤选择器
7.常用到的方法
(1)html()和 text()方法
(2)attr()和 removeAttr()
(3)元素样式操作方法和其他方法
8.节点操作
(1)创建节点
(2)插入节点
(3)包裹节点
(4)其他节点操作
9.jQuery基础事件相关
(1) 基础事件
(2)事件的使用
(3) 解绑事件
(4)简写事件
(5)复合事件
(6)事件对象event的属性
(7) 事件之冒泡和默认行为以及行为阻止和取消
1.jQuery的介绍和在线学习网址以及下载网址
jQuery是一个JavaScript库(框架),它通过封装原生的JavaScript函数得到一整套定义好的方法。它的作者是John Resig,于2006年创建的一个开源项目,随着越来越多开发者的加入,jQuery已经集成了JavaScript、 CSS、 DOM和Ajax于一体的强大功能。它可以用最少的代码, 完成更多复杂而困难的功能,从而得到了开发者的青睐。
在线学习jQuery,可以访问的网址:
- http://t.mb5u.com/jquery/
- http://www.runoob.com/
- 菜鸟教程前端知识的学习网站
- 最新的文档,英文版的:http://api.jquery.com/
jQuery的下载: http://www.jq22.com/jquery-info122 jquery下载所有版本(实时更新)
2.jQuery的功能和优势
jQuery 作为 JavaScript 封装的库,他的目的就是为了简化开发者使用 JavaScript。主要功能有以下几点:
●像 CSS 那样访问和操作 DOM ●修改 CSS 控制页面外观 ●简化 JavaScript 代码操作 ●事件处理更加容易 ●各种动画效果使用方便 ●让 Ajax 技术更加完美,可异步加载 ●基于 jQuery 大量插件 ●自行扩展功能插件 jQuery 最大的优势,就是特别的方便。除此之外jQuery 的代码兼容性真的非常好!
3.引用jQuery库和第一个案例
如果想使用jQuery,那么就必须先把jQuery复制到js文件中,再在代码中引入jQuery库。如下引入
//第一种
<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
//也可以不用写类型那些
<script src="js/jquery.js"></script>
第一个jQuery入门程序如下:
<html>
<head>
<title></title>
<script src="js/jquery.js"></script>
</head>
<body>
<button class="but">按钮</button>
</body>
<script>
$(function () {
$('button').click(function () {
alert('第一个 jQuery 程序!');
});
});
</script>
</html>